.crs{max-width:1320px;margin:0 auto;padding:40px 24px 110px;scroll-margin-top:16px}.crs-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.crs-count{margin-top:12px;font-size:15px;color:var(--ink-muted);white-space:nowrap}.crs-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:30px}.crs-search{flex:1 1 300px;max-width:420px;display:flex;align-items:center;gap:10px;height:52px;padding-inline:18px;border-radius:999px;background:var(--frame);border:1px solid var(--frame-line);color:var(--ink-muted);transition:border-color .3s,box-shadow .3s}.crs-search:focus-within{border-color:var(--storm);box-shadow:0 0 0 4px #1e8baa2e}.crs-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:15.5px}.crs-search input::placeholder{color:var(--ink-muted);opacity:.8}.crs-filters{display:flex;flex-wrap:wrap;gap:10px 18px}.crs-chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--frame);border:1px solid var(--frame-line)}.crs-chips button{height:42px;padding-inline:16px;border:0;border-radius:999px;background:transparent;color:var(--ink);opacity:.72;font-size:14.5px;cursor:pointer;transition:background .3s var(--ease-out),color .3s,opacity .3s}.crs-chips button:hover{opacity:1}.crs-chips button[aria-pressed=true]{background:var(--willow);color:#ffffff;opacity:1;font-weight:700}.crs-chips button:focus-visible{outline:2px solid var(--bamboo);outline-offset:2px}.crs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.crs-card{position:relative;aspect-ratio:3 / 4.4;perspective:1400px;container-type:inline-size}.crs-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .85s var(--ease-out)}.crs-card.is-flipped .crs-inner{transform:rotateY(180deg)}[dir=rtl] .crs-card.is-flipped .crs-inner{transform:rotateY(-180deg)}.crs-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius-xl);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 24px 60px -34px #03141a8c}.crs-front{display:block;width:100%;padding:0;border:0;margin:0;background:var(--storm-deep);color:#fff;font:inherit;text-align:start;cursor:pointer}.crs-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}.crs-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#03161ceb,#03161c8c 32%,#03161c00 58%)}.crs-chip{position:absolute;top:16px;left:16px;padding:6px 14px 7px;border-radius:999px;background:#041a218c;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:13.5px;font-weight:500;line-height:1.2}.crs-front-text{position:absolute;inset-inline:20px;bottom:18px;display:flex;flex-direction:column;gap:4px}.crs-grade{font-size:13px;color:var(--bamboo);font-weight:500}.crs-title{font-size:19px;font-weight:800;line-height:1.3}html[lang=en] .crs-title{font-weight:700;letter-spacing:-.01em}.crs-teacher{font-size:14px;opacity:.78}.crs-hint{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:10px;padding:6px 12px;border-radius:999px;background:#deff5824;color:var(--willow);font-size:13px;font-weight:500;transition:background .3s,color .3s}.crs-hint svg{transition:transform .6s var(--ease-out)}@media (hover: hover){.crs-front:hover .crs-cover{transform:scale(1.06)}.crs-front:hover .crs-hint{background:var(--willow);color:#ffffff}.crs-front:hover .crs-hint svg{transform:rotate(180deg)}}.crs-front:focus-visible{outline:3px solid var(--bamboo);outline-offset:-3px}.crs-back{transform:rotateY(180deg);background:var(--card);border:1px solid var(--frame-line);color:var(--ink);cursor:pointer}.crs-back-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 82% 78%,var(--card-glow-a),transparent 70%),radial-gradient(45% 35% at 95% 100%,var(--card-glow-b),transparent 70%)}.crs-teacher-img{position:absolute;right:-3%;bottom:0;height:67.3cqw;width:auto;max-width:none;object-fit:contain;object-position:right bottom;pointer-events:none}.crs-col{position:absolute;left:18px;top:16px;width:50%;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.crs-chip--back{position:static;background:var(--chip-bg-ink);border-color:var(--chip-line-ink);color:var(--ink)}.crs-back-name{margin-top:8px;font-size:15px;font-weight:700}.crs-stats{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.crs-stats li{display:flex;align-items:center;gap:8px;line-height:1}.crs-stat-icon{flex:none;display:grid;place-items:center;color:var(--cat-num)}.crs-stat-icon svg{display:block}.crs-stats b{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--cat-num);text-shadow:0 2px 14px var(--card-shade)}.crs-stats span{font-size:14px;opacity:.8;text-shadow:0 2px 14px var(--card-shade)}.crs-desc{margin:10px 0 0;font-size:13px;line-height:1.55;opacity:.85;text-shadow:0 1px 10px var(--card-shade)}.crs-open{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:5px;padding-inline-start:16px;border-radius:999px;background:var(--willow);color:#ffffff;text-decoration:none;font-size:14.5px;font-weight:700;transition:box-shadow .35s var(--ease-out)}.crs-round{width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;transition:transform .45s var(--ease-out)}[dir=rtl] .crs-round svg{transform:scaleX(-1)}.crs-open:hover{box-shadow:0 14px 34px -12px #deff5899}.crs-open:hover .crs-round{transform:rotate(45deg)}[dir=rtl] .crs-open:hover .crs-round{transform:rotate(-45deg)}.crs-open:focus-visible,.crs-back-btn:focus-visible{outline:2px solid var(--bamboo);outline-offset:3px}.crs-back-btn{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--chip-line-ink);background:var(--chip-bg-ink);color:var(--ink);display:grid;place-items:center;cursor:pointer}.crs--teacher .crs-grid>.crs-card{display:block!important}.crs--teacher .crs-tools{justify-content:center}.crs--teacher{scroll-margin-top:100px}.crs-tstrip{margin:-8px 0 30px}.crs-tstrip-in{display:flex;gap:14px;width:max-content;max-width:100%;margin-inline:auto;overflow-x:auto;padding:8px 6px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.crs-tstrip-in::-webkit-scrollbar{display:none}.crs-tch{flex:none;width:116px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;scroll-snap-align:center}.crs-tch-pic{position:relative;width:92px;height:92px;margin-bottom:8px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 75%,var(--card-glow-a),transparent 70%),var(--frame);border:2px solid var(--frame-line);transition:transform .45s var(--ease-out),border-color .3s,box-shadow .3s}.crs-tch-pic img{position:absolute;top:8px;right:0;bottom:0;left:0;width:100%;height:130%;object-fit:cover;object-position:50% 0;transition:filter .45s var(--ease-out)}.crs-tch-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--storm),var(--bamboo) 55%,var(--willow));mix-blend-mode:color;opacity:0;transition:opacity .45s var(--ease-out)}.crs-tch-name{font-size:14px;font-weight:700;text-align:center;line-height:1.3}.crs-tch-sub{font-size:12.5px;color:var(--ink-muted)}.crs-tch:hover .crs-tch-pic{transform:translateY(-3px)}.has-pick .crs-tch:not(.is-on) .crs-tch-pic img{filter:grayscale(1) contrast(1.05)}.has-pick .crs-tch:not(.is-on) .crs-tch-tint{opacity:1}.has-pick .crs-tch:not(.is-on) .crs-tch-name,.has-pick .crs-tch:not(.is-on) .crs-tch-sub{opacity:.55}.crs-tch.is-on .crs-tch-pic{border-color:var(--willow);box-shadow:0 0 0 4px #deff584d,0 14px 30px -14px #03141a80;transform:scale(1.06)}.crs-tch:focus-visible{outline:none}.crs-tch:focus-visible .crs-tch-pic{outline:2px solid var(--bamboo);outline-offset:3px}.crs-loading{display:flex;justify-content:center;gap:8px;padding:34px 0 0}.crs-loading span{width:9px;height:9px;border-radius:50%;background:var(--bamboo);animation:crs-dot 1s ease-in-out infinite}.crs-loading span:nth-child(2){animation-delay:.15s;background:var(--storm)}.crs-loading span:nth-child(3){animation-delay:.3s;background:var(--willow)}@keyframes crs-dot{50%{transform:translateY(-8px);opacity:.5}}.crs-more{display:flex;justify-content:center;margin-top:40px}.crs-all{display:inline-flex;align-items:center;gap:14px;height:58px;padding:6px;padding-inline-start:26px;border-radius:999px;background:var(--willow);color:#ffffff;text-decoration:none;font-size:17px;font-weight:700;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.crs-all .crs-round{width:46px;height:46px}@media (prefers-reduced-motion: no-preference){.crs-all:hover{transform:translateY(-2px)}}.crs-all:hover{box-shadow:0 16px 40px -14px #deff5899}.crs-all:hover .crs-round{transform:rotate(45deg)}[dir=rtl] .crs-all:hover .crs-round{transform:rotate(-45deg)}.crs-all:focus-visible{outline:2px solid var(--bamboo);outline-offset:3px}.crs-empty{padding:60px 20px;text-align:center;border-radius:var(--radius-xl);border:1px dashed var(--chip-line-ink);color:var(--ink-muted)}.crs-empty p{margin:0 0 16px;font-size:17px}.crs-empty button{height:44px;padding-inline:22px;border:0;border-radius:999px;background:var(--willow);color:#ffffff;font-weight:700;cursor:pointer}@media (max-width: 1180px){.crs-grid{grid-template-columns:repeat(3,1fr)}.crs-grid>.crs-card:nth-child(n+7){display:none}}@media (max-width: 900px){.crs-grid{grid-template-columns:repeat(2,1fr)}.crs-grid>.crs-card:nth-child(n+5){display:none}.crs-search{max-width:none;flex-basis:100%}}@media (max-width: 600px){.crs{padding:24px 16px 72px}.crs-grid{grid-template-columns:1fr}.crs-card{aspect-ratio:4 / 5}.crs-tools{justify-content:center}.crs-filters{width:100%;flex-direction:column;align-items:center}.crs-chips{flex-wrap:nowrap;overflow-x:auto;width:max-content;max-width:100%;margin-inline:auto;scrollbar-width:none}.crs-tch{width:96px}.crs-tch-pic{width:78px;height:78px}.crs-chips::-webkit-scrollbar{display:none}.crs-chips button{flex:none}}@media (prefers-reduced-motion: reduce){.crs-inner{transition:none}.crs-card.is-flipped .crs-inner,[dir=rtl] .crs-card.is-flipped .crs-inner{transform:none}.crs-back{transform:none;opacity:0;transition:opacity .2s}.crs-card.is-flipped .crs-back{opacity:1}.crs-card.is-flipped .crs-front{opacity:0}.crs-cover,.crs-hint svg,.crs-round{transition:none}.crs-loading span{animation:none}}