.course-art{color:#a7c7e4;isolation:isolate;background:#162334;height:194px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#89b8dd0d 1px,#0000 1px),linear-gradient(90deg,#89b8dd0d 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000,#000);mask-image:linear-gradient(110deg,#0000,#000)}.art-object{width:200px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.art-object span{background:linear-gradient(135deg,#99b8d74d,#1d3551e8 70%);border:1px solid #9abed78c;border-radius:4px;width:132px;height:78px;transition:transform .35s;display:block;position:absolute;transform:rotate(-28deg)skew(28deg);box-shadow:8px 12px 15px #02081133,inset 1px 1px #cbe1fb2e}.art-object span:first-child{top:53px;left:8px}.art-object span:nth-child(2){top:40px;left:19px}.art-object span:nth-child(3){top:27px;left:30px}.art-object span:nth-child(4){top:14px;left:41px}.art-object span:nth-child(5){background:linear-gradient(135deg,#d5e4f38c,#4d789c6b 70%);top:1px;left:52px}a:hover .art-object span{transform:rotate(-24deg)skew(28deg)translateY(-3px)}.art-caption{color:#adc0d4;font-size:11px;position:absolute;bottom:18px;left:24px}.art-corner{gap:4px;display:flex;position:absolute;top:22px;right:22px}.art-corner i{opacity:.5;background:#8aacce;width:3px;height:9px}.art-corner i:nth-child(2){height:15px}.art-corner i:nth-child(3){height:21px}.art-data .art-object{justify-content:center;align-items:flex-end;gap:8px;display:flex;transform:translate(-50%,-60%)rotate(-12deg)skew(-12deg)}.art-data .art-object span{background:linear-gradient(90deg,#7eaed2,#203b58);border-radius:3px 3px 0 0;width:26px;height:35px;position:static;transform:none}.art-data .art-object span:nth-child(2){height:58px}.art-data .art-object span:nth-child(3){height:75px}.art-data .art-object span:nth-child(4){height:95px}.art-data .art-object span:nth-child(5){height:120px}a:hover .art-data .art-object span{transform:translateY(-3px)}.art-expression .art-object span{border-radius:5px 5px 18px;width:105px;height:58px}.art-team .art-object span{width:66px;height:66px;transform:rotate(-30deg)skew(20deg)}.art-team .art-object span:first-child{top:45px;left:0}.art-team .art-object span:nth-child(2){top:4px;left:42px}.art-team .art-object span:nth-child(3){top:68px;left:77px}.art-team .art-object span:nth-child(4){top:26px;left:119px}.art-team .art-object span:nth-child(5){top:22px;left:61px}[data-theme=light] .course-art{background:#dae5f1}[data-theme=light] .art-grid{background-image:linear-gradient(#34577512 1px,#0000 1px),linear-gradient(90deg,#34577512 1px,#0000 1px)}[data-theme=light] .art-caption{color:#445e79}