@charset "UTF-8";.container{width:1152px;margin:0 auto}.container .switch-bar{padding-left:18px;display:flex;justify-content:flex-start;margin-top:18px;position:relative;z-index:1}.container .switch-bar>div{padding:12px 48px;background-color:#313232;border:1px solid #58585a;border-top-left-radius:8px;border-top-right-radius:8px;margin-left:16px;font-size:1.15rem;color:#eaebec;cursor:pointer;transition:.2s}.container .switch-bar>div:hover{border-color:#f9d01e #f9d01e #58585a;color:#f9d01e}.container .switch-bar>div.active{background-color:#252528;border-color:#58585a #58585a #252528;color:#f9d01e}.container .case-show-area{background-color:#252528;border:1px solid #58585a;border-radius:8px;position:relative;z-index:0;top:-1px}.container .case-show-area .show-panel{padding:0 18px 32px}.container .case-show-area .show-panel .show-item-list{padding:32px 18px;display:grid;gap:46px;grid-auto-rows:300px;grid-template-columns:repeat(3,1fr)}.container .case-show-area .show-panel .show-item-list .show-item{max-width:360px;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .case-show-area .show-panel .show-item-list .show-item .card{width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 8px 8px #000;box-shadow:0 8px 8px rgba(7,8,9,.2)}.container .case-show-area .show-panel .show-item-list .show-item .card:hover img{transform:scale(1.15)}.container .case-show-area .show-panel .show-item-list .show-item .card .project-image{height:260px;overflow:hidden}.container .case-show-area .show-panel .show-item-list .show-item .card .project-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.container .case-show-area .show-panel .show-item-list .show-item .card .project-name{height:40px;line-height:40px;padding:0 12px;background-color:#151617;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#a9acb3}.container .case-show-area .show-panel .show-item-list .no-work-case{display:flex;justify-content:center;align-items:center;color:#8a8b8c}.container .case-show-area .show-panel .paging-group{max-width:100%;height:32px;margin:0 auto;display:flex;justify-content:center}.container .case-show-area .show-panel .paging-group .group-list{display:flex;justify-content:center;overflow:hidden}.container .case-show-area .show-panel .paging-group .group-list .paging-number{width:32px;height:32px;flex-shrink:0;margin:0 6px;text-align:center;line-height:32px;background-color:transparent;border:1px solid #8a8b8c;border-radius:5px;color:#bcbdbe;cursor:pointer;user-select:none}.container .case-show-area .show-panel .paging-group .group-list .paging-number:hover{border-color:#bdbebf;color:#f0f0f0}.container .case-show-area .show-panel .paging-group .group-list .paging-number.active{background-color:#f9d01e;border-color:#f9d01e;color:#0f0f0f}@media screen and (max-width:961px){.container{width:auto;padding:0 12px}.container .switch-bar{padding-left:0;justify-content:center}.container .switch-bar>div{padding:12px 8px;margin-left:0;font-size:.875rem;border-right:none;border-top-right-radius:0;border-top-left-radius:0}.container .switch-bar>div:first-of-type{border-top-left-radius:8px}.container .switch-bar>div:last-of-type{border-top-right-radius:8px;border:1px solid #58585a}.container .switch-bar>div.active{background-color:#252528;border-color:#58585a #58585a #252528;color:#f9d01e}.container .case-show-area .show-panel{padding:0 6px 24px}.container .case-show-area .show-panel .show-item-list{max-width:546px;padding:12px 6px;margin:0 auto;gap:20px;grid-auto-rows:136px;grid-template-columns:repeat(2,1fr)}.container .case-show-area .show-panel .show-item-list .show-item{max-width:256px;min-width:100px}.container .case-show-area .show-panel .show-item-list .show-item .card .project-image{height:96px}.container .case-show-area .show-panel .paging-group{margin-top:12px}}.full-show-view{animation:none}.full-show-view.run-animations{animation:.3s both showViewAnimation}@keyframes showViewAnimation{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}