.v4-grid-topic-0{display:grid;gap:8px;grid-gap:8px}.v4-grid-topic-0 .v4-grid-topic-item-0{border:1px solid var(--border-color);display:flex;align-items:center;cursor:pointer;color:var(--font-color);text-decoration:none;box-shadow:0 2px 4px 0 rgba(33,33,33,.08);background:#fff;transition:all .2s}.v4-grid-topic-0 .v4-grid-topic-item-0 .-h_i{padding-left:24px;padding-right:12px;font-size:14px;width:calc(100% - 44px - 24px);margin:0;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.v4-grid-topic-0 .v4-grid-topic-item-0 .v4-grid-topic-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.v4-grid-topic-0 .v4-grid-topic-item-0 .v4-grid-topic-icon img{width:24px;height:24px}.v4-grid-topic-0.home{gap:8px;grid-gap:8px;grid-template-columns:1fr}.v4-grid-topic-0.home .v4-grid-topic-item-0 .-h_i{padding-left:24px;font-size:14px;width:calc(100% - 44px - 24px);margin:0;line-height:21px}.v4-grid-topic-0.home .v4-grid-topic-item-0 .v4-grid-topic-icon{width:44px;height:44px}.v4-grid-topic-0.home .v4-grid-topic-item-0 .v4-grid-topic-icon img{width:24px;height:24px}.v4-grid-topic-0 .topic-levels{overflow:hidden;transition:all .3s}.v4-grid-topic-0 .topic-levels.expand-topic-level .anim-boundary.anim-triangle{animation:scale-svg 1.2s ease-in-out infinite}.v4-grid-topic-0 .topic-levels.expand-topic-level .anim-boundary.anim-circle{animation:scale-circle 1.2s ease-in-out infinite}.v4-grid-topic-0 .separate-line{background-color:#d9d9d9;width:100%;height:1px;margin-top:8px}.v4-grid-topic-0 .v4-grid-topic-full-leng-test{margin-top:8px;padding:10px 12px;background-color:#7c6f5b;color:#fff;text-decoration:none;text-align:center;opacity:1;line-height:25px;transition:opacity .2s}.v4-grid-topic-0 .v4-grid-topic-full-leng-test:hover{opacity:.9}@media screen and (min-width:769px){.v4-grid-topic-0.home{gap:16px;grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.v4-grid-topic-0.home .v4-grid-topic-item-0 .-h_i{padding-left:32px;font-size:16px;width:calc(100% - 72px - 32px);margin:0;line-height:24px}.v4-grid-topic-0.home .v4-grid-topic-item-0 .v4-grid-topic-icon{width:72px;height:72px}.v4-grid-topic-0.home .v4-grid-topic-item-0 .v4-grid-topic-icon img{width:32px;height:32px}}.v4-topic-level-container{background-color:#fff;margin-top:4px;height:244px}.v4-topic-level-container .v4-topic-level{width:fit-content;margin:16px auto}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0{display:flex;justify-content:flex-start;flex-direction:row-reverse;position:relative}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0:nth-child(odd){flex-direction:row}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0:not(:first-child){margin-top:16px}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-item{cursor:pointer;position:relative;text-decoration:none}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-item .v4-level-item-dashed{position:absolute;height:1px;top:21px;width:40px;display:flex}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-item .v4-level-name{font-size:10px;line-height:16px;text-align:center;padding-top:4px;color:#212121}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-half-circle-left,.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-half-circle-right{width:36px;height:72px;position:absolute;top:18px}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-half-circle-right{right:-36px}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-half-circle-left{left:-36px}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-circle{width:30px;height:30px;border-radius:50%;background-color:#fff;border:5px solid #f5f5f5;display:flex;align-items:center;justify-content:center}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-circle span{color:rgba(33,33,33,.52);font-size:10px;font-weight:600}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .shadow{width:40px;height:40px;border-radius:50%;background-image:linear-gradient(150deg,#fff 29.09%,#b1bdce 85.02%);left:.5px;top:.5px;position:absolute;z-index:-1}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-current{display:flex;position:absolute;top:13px;left:50%;transform:translateX(-50%)}.v4-topic-level-container .v4-topic-level .v4-topic-level-progress-0 .v4-level-current span{color:rgba(33,33,33,.52);font-size:10px;font-weight:600}@keyframes scale-svg{0%{stroke-width:0}40%{stroke-width:10}to{stroke-width:0}}@keyframes scale-circle{0%{box-shadow:0 0 0 0 rgba(227,166,81,.12)}40%{box-shadow:0 0 0 5px rgba(227,166,81,.12)}to{box-shadow:0 0 0 0 rgba(227,166,81,.12)}}