.card,.head{background-color:#eee}.card{border:1px solid #eee}.is-read{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTczNiAwSDI4OGMtNTIuOCAwLTk2IDQzLjItOTYgOTZ2ODMyYzAgNTIuOCA0My4yIDk2IDk2IDk2aDQ0OGM1Mi44IDAgOTYtNDMuMiA5Ni05NlY5NmMwLTUyLjgtNDMuMi05Ni05Ni05NnpNMzg0IDQ4aDI1NnYzMkgzODRWNDh6bTEyOCA5MTJjLTM1LjM0NiAwLTY0LTI4LjY1NC02NC02NHMyOC42NTQtNjQgNjQtNjQgNjQgMjguNjU0IDY0IDY0LTI4LjY1NCA2NC02NCA2NHptMjU2LTE5MkgyNTZWMTI4aDUxMnY2NDB6Ii8+PC9zdmc+);width:270px;height:270px;display:flex;align-items:center;justify-content:center;align-content:center}.is-read,.read-mask{background-repeat:no-repeat;background-position:50%}.read-mask{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTg1OC42NDMgNzE0LjM5MkM3NDguMTU3IDkwNS43NDUgNTAzLjQ5MyA5NzEuMyAzMTIuMSA4NjAuODI4IDEyMC43NiA3NTAuMzU1IDU1LjE5IDUwNS42NzcgMTY1LjY2MyAzMTQuMzM4IDI3Ni4xNDkgMTIyLjk0NSA1MjAuODI3IDU3LjM5IDcxMi4yMDYgMTY3LjkwMmMxOTEuMzQgMTEwLjQ3MyAyNTYuOTEgMzU1LjE1IDE0Ni40MzcgNTQ2LjQ5ek0yNTguMjAyIDUwNy4wNzdjLTE0LjMxMSAxNy4xODgtMTEuMTQgNDIuMDM4IDUuMjUgNTcuMTc1bDE2Ny42MzQgMTU0LjY0NCA4LjcxNSA4LjAzNWM1LjUxNiA1LjEwMyAxMS4wNzIgOS40NDcgMTcuMTA4IDEyLjk2NCA5LjY3NCA1LjU4NCAyMS45ODYgOS42NiAzMy4yODQgOC42NDggMTAuNzkzLS45ODYgMjEuMTQ2LTYuMTU2IDI3Ljk4Mi0xNS40NTZsMjQ4LjU2OC0zMzcuMjgyYzEzLjI5OC0xOC4wNTUgMTAuNzY2LTQzLjQzOC02Ljg3Ni01Ny4yOTVsLTIzLjkwNC0xOC44MTVjLTE3LjY0Mi0xMy44NTctNDMuMTMxLTEwLjA0Ny01Ny4zMzUgNi44NzZMNDY4LjA2MiA1NzguMzA5bC0xMzMuMzM4LTk5Ljc0N2MtMTcuNjAxLTEzLjE1MS00Mi44NjUtMTEuOTM4LTU3LjE3NSA1LjI5bC0xOS4zNDcgMjMuMjI1eiIgZmlsbD0iIzUxYWMxNCIvPjwvc3ZnPg==);background-size:48px}.read-remark{background-color:hsla(0,100%,98%,0.3)}.right-cls{background-color:hsla(0,100%,98%,0.6)}.is-init{width:270px;height:270px}