.content{isolation:isolate;position:relative}.content:before{content:"";pointer-events:none;z-index:-1;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 110'%3E%3Cpath fill='%23cd8d82' opacity='.45' d='M7 27Q8 8 27 5Q28 23 7 27ZM31 60Q24 43 39 34Q50 50 31 60ZM13 99Q9 85 25 80Q29 96 13 99Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:58px;height:110px;position:absolute;top:190px;right:7px}.atlas-dragon-stage{pointer-events:none;z-index:2;max-width:calc(100% - 20px);height:46px;position:absolute;overflow:hidden}.atlas-dragon{opacity:0;filter:drop-shadow(0 2px 1px #203d3512);width:145px;height:43px;position:absolute;top:0;left:0;overflow:visible}.atlas-dragon-body{fill:none;stroke:#b9323e;stroke-width:9px;stroke-linecap:round}.atlas-dragon-spine{fill:none;stroke:#e9a477;stroke-width:1.5px;stroke-dasharray:1 9;stroke-linecap:round}.atlas-dragon-feet{fill:none;stroke:#b9323e;stroke-width:2.5px;stroke-linecap:round}.atlas-dragon-whisker{fill:none;stroke:#b9323e;stroke-width:1.4px;stroke-linecap:round}.atlas-dragon-horns{fill:none;stroke:#bd8a4f;stroke-width:2px;stroke-linecap:round}.atlas-dragon.travelling .atlas-dragon-wave{transform-origin:80px 25px;animation:.8s ease-in-out infinite alternate atlas-wave}@keyframes atlas-wave{to{transform:translateY(-2px)rotate(-1deg)}}.p-route,.p-focus,.p-course-cover{position:relative}.p-route:before{content:"";background:var(--accent);opacity:.7;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);pointer-events:none;width:10px;height:29px;position:absolute;top:-8px;right:-9px}.p-course-cover:after{content:"语路";font:13px/1.3 var(--font-han);writing-mode:vertical-rl;letter-spacing:2px;opacity:.45;pointer-events:none;border:2px solid;padding:5px 3px;position:absolute;top:16px;right:17px;transform:rotate(5deg)}.p-focus:after{content:"";pointer-events:none;background:#bc6e5b22;border-radius:85% 5% 85% 10%;width:17px;height:29px;position:absolute;bottom:13px;right:8px;transform:rotate(25deg)}.p-eyebrow:before{content:"";background:var(--accent);vertical-align:2px;width:5px;height:5px;margin-right:8px;display:inline-block}.p-course-cover{background-image:repeating-linear-gradient(0deg,#0000 0 39px,#ffffff0d 40px 41px),repeating-linear-gradient(90deg,#0000 0 39px,#ffffff0d 40px 41px)}.p-lesson-row,.p-course{transition:background .18s,box-shadow .18s}.p-course:hover{box-shadow:0 8px 24px #203d350b}.atlas-token{pointer-events:none;flex:none;place-items:center;width:112px;height:106px;display:grid;overflow:hidden}.atlas-token canvas{width:100%;height:100%;display:block}.atlas-token>span,.atlas-token>.token-fallback{border:7px solid #ca5b61aa;border-radius:45% 50% 35% 55%;width:40px;height:44px;transform:rotate(-22deg);box-shadow:8px 8px 0 -3px #719a80}.lesson-platform .p-heading>div:first-child{flex:1}.atlas-calm .content:before,.atlas-calm .atlas-dragon-stage{display:none}.atlas-calm .atlas-skel:after{animation:none}.atlas-skeleton{align-content:start;gap:22px;width:100%;min-height:480px;padding:12px 0 25px;display:grid}.atlas-skel{background:var(--line);opacity:.65;border-radius:6px;display:block;position:relative;overflow:hidden}.atlas-skel:after{content:"";background:linear-gradient(90deg,#0000,#f7f9f599,#0000);animation:1.6s ease-in-out infinite atlas-shimmer;position:absolute;inset:0;transform:translate(-100%)}.atlas-skel-kicker{width:30%;max-width:190px;height:11px}.atlas-skel-title{width:54%;max-width:490px;height:39px;margin-bottom:13px}.atlas-skel-columns{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}.atlas-skel-main,.atlas-skel-side{height:225px}.atlas-skel-side{opacity:.38}.atlas-skel-rows{gap:12px;margin-top:8px;display:grid}.atlas-skel-rows>.atlas-skel{height:39px}.atlas-skel-rows>.atlas-skel:last-child{width:73%}@keyframes atlas-shimmer{to{transform:translate(100%)}}@media (width<=760px){.content:before{opacity:.3;width:26px;top:120px;right:0}.atlas-dragon{width:110px}.lesson-platform .p-heading{position:relative}.lesson-platform .p-heading>.atlas-token{width:85px;height:90px;position:absolute;top:-14px;right:-8px}.lesson-platform .p-heading>div:first-child{min-height:83px;padding-right:82px}.atlas-skel-title{width:73%;height:32px}.atlas-skel-columns{grid-template-columns:1.2fr 1fr;gap:12px}.atlas-skel-main,.atlas-skel-side{height:200px}.atlas-skeleton{min-height:470px}.p-course-cover:after{font-size:11px}}@media (prefers-reduced-motion:reduce){.atlas-dragon-stage{display:none}.atlas-skel:after{animation:none}.p-lesson-row,.p-course{transition:none}}