.course-list-root .shell{max-width:1320px;margin:0 auto;padding:28px 32px 48px}.course-list-root .hero{border-radius:var(--r-xl);color:#fff;isolation:isolate;background:radial-gradient(60% 90% at 100% 0,oklch(70% .18 285/.5) 0%,#0000 60%),radial-gradient(80% 100% at 0 100%,oklch(86% .1 240/.4) 0%,#0000 65%),linear-gradient(135deg,oklch(40% .18 285) 0%,oklch(32% .2 280) 50%,oklch(24% .13 272) 100%);padding:40px 80px 44px;position:relative;overflow:hidden}.course-list-root .gridLines{z-index:0;opacity:.18;pointer-events:none;background-image:linear-gradient(oklch(100% 0 0/.12) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.12) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000,#0000);mask-image:radial-gradient(80% 70%,#000,#0000)}.course-list-root .heroGrid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.course-list-root .heroEyebrow{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:oklch(100% 0 0/.92);letter-spacing:.14em;font-size:12px;font-family:var(--font-mono);background:oklch(100% 0 0/.14);border:1px solid oklch(100% 0 0/.22);align-items:center;gap:8px;padding:6px 14px;font-weight:500;display:inline-flex}.course-list-root .heroEyebrow .live{background:oklch(80% .18 150);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite clPulse;box-shadow:0 0 0 4px oklch(80% .18 150/.25)}@keyframes clPulse{0%,to{opacity:1}50%{opacity:.35}}.course-list-root .hero h1{letter-spacing:-.025em;background:linear-gradient(#fff 0%,oklch(86% .06 280) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:22px 0 18px;font-size:68px;font-weight:800;line-height:1.05}.course-list-root .hero .lead{color:oklch(100% 0 0/.78);max-width:460px;margin:0;font-size:17px;line-height:1.7}.course-list-root .heroStats{border-top:1px solid oklch(100% 0 0/.16);grid-template-columns:repeat(2,auto);justify-content:start;gap:48px;margin-top:36px;padding-top:28px;display:grid}.course-list-root .heroStats .v{font-family:var(--font-num);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.course-list-root .heroStats .l{color:oklch(100% 0 0/.6);letter-spacing:.12em;font-size:11px;font-family:var(--font-mono);margin-top:4px}.course-list-root .heroArt{height:240px;position:relative}.course-list-root .orb{filter:blur(.5px);border-radius:50%;position:absolute}.course-list-root .orb.o1{background:radial-gradient(circle at 30% 30%,oklch(90% .12 280/.7),oklch(50% .2 280/.4) 60%,#0000 75%);width:280px;height:280px;animation:9s ease-in-out infinite clFloat;top:20px;right:40px}.course-list-root .orb.o2{background:radial-gradient(circle at 30% 30%,oklch(85% .14 200/.6),oklch(45% .18 220/.3) 60%,#0000 75%);width:160px;height:160px;animation:11s ease-in-out -3s infinite clFloat;bottom:30px;left:30px}.course-list-root .orb.o3{background:radial-gradient(circle at 30% 30%,oklch(85% .14 320/.55),oklch(50% .18 320/.3) 60%,#0000 75%);width:100px;height:100px;animation:7s ease-in-out -5s infinite clFloat;top:130px;left:90px}@keyframes clFloat{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-14px)translate(8px)}}.course-list-root .gradeBlock{margin-top:56px}.course-list-root .gradeHead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.course-list-root .gradeTitleWrap{align-items:center;gap:16px;display:flex}.course-list-root .gradeBadge{border-radius:var(--r-md);color:#fff;width:44px;height:44px;font-family:var(--font-serif);box-shadow:var(--elevation-2);flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative;overflow:hidden}.course-list-root .gradeBadge:after{content:"";background:repeating-linear-gradient(45deg,#0000 0 8px,oklch(100% 0 0/.08) 8px 10px);position:absolute;inset:0}.course-list-root .gradeBadge span{z-index:1;position:relative}.course-list-root .gradeTitle h2{color:var(--foreground);letter-spacing:-.005em;margin:0;font-size:24px;font-weight:700}.course-list-root .gradeTitle .meta{color:var(--muted-foreground);font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;margin-top:4px}.course-list-root .gradeTitle .meta b{color:var(--foreground-subtle);font-weight:600}.course-list-root .courseGrid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.course-list-root .courseCard{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.course-list-root .courseCard:hover{box-shadow:var(--elevation-3);border-color:color-mix(in oklab, var(--primary) 30%, transparent);transform:translateY(-4px)}.course-list-root .cover{aspect-ratio:16/10;flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:relative;overflow:hidden}.course-list-root .cover:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 9px,oklch(100% 0 0/.06) 9px 11px);position:absolute;inset:0}.course-list-root .cover.hasMedia{padding:0}.course-list-root .cover.hasMedia:after{content:none}.course-list-root .coverMedia{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out)}.course-list-root .courseCard:hover .coverMedia{transform:scale(1.05)}.course-list-root .coverTop{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.course-list-root .coverBottom{z-index:2;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.course-list-root .subjChip{-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--r-pill);background:oklch(100% 0 0/.22);border:1px solid oklch(100% 0 0/.3);padding:4px 11px;font-size:11px;font-weight:500}.course-list-root .coverGlyph{font-family:var(--font-serif);color:oklch(100% 0 0/.94);letter-spacing:-.02em;text-shadow:0 4px 22px oklch(0% 0 0/.25);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:72%;font-size:30px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.course-list-root .coverNum{font-family:var(--font-num);color:oklch(100% 0 0/.18);letter-spacing:-.03em;font-size:60px;font-weight:800;line-height:1}.course-list-root .cover.amber{background:linear-gradient(135deg,oklch(78% .15 70) 0%,oklch(60% .18 50) 60%,oklch(48% .18 30) 100%)}.course-list-root .cover.violet{background:linear-gradient(135deg,oklch(72% .16 290) 0%,oklch(54% .2 285) 55%,oklch(38% .18 278) 100%)}.course-list-root .cover.cyan{background:linear-gradient(135deg,oklch(76% .12 200) 0%,oklch(54% .16 220) 55%,oklch(38% .16 232) 100%)}.course-list-root .cover.coral{background:linear-gradient(135deg,oklch(74% .16 30) 0%,oklch(58% .2 18) 55%,oklch(42% .18 10) 100%)}.course-list-root .cover.teal{background:linear-gradient(135deg,oklch(78% .12 175) 0%,oklch(54% .14 185) 55%,oklch(38% .14 195) 100%)}.course-list-root .cover.indigo{background:linear-gradient(135deg,oklch(72% .12 250) 0%,oklch(48% .16 255) 55%,oklch(32% .14 260) 100%)}.course-list-root .cover.rose{background:linear-gradient(135deg,oklch(76% .13 340) 0%,oklch(56% .17 340) 55%,oklch(40% .16 340) 100%)}.course-list-root .cover.lime{background:linear-gradient(135deg,oklch(80% .14 135) 0%,oklch(58% .17 145) 55%,oklch(42% .15 155) 100%)}.course-list-root .gradeBadge.amber{background:linear-gradient(135deg,oklch(82% .13 70),oklch(60% .17 50))}.course-list-root .gradeBadge.violet{background:linear-gradient(135deg,oklch(72% .15 285),oklch(48% .2 282))}.course-list-root .gradeBadge.cyan{background:linear-gradient(135deg,oklch(76% .12 200),oklch(50% .16 220))}.course-list-root .gradeBadge.coral{background:linear-gradient(135deg,oklch(76% .15 30),oklch(56% .19 18))}.course-list-root .gradeBadge.teal{background:linear-gradient(135deg,oklch(78% .12 175),oklch(52% .14 190))}.course-list-root .gradeBadge.indigo{background:linear-gradient(135deg,oklch(74% .12 250),oklch(48% .16 258))}.course-list-root .gradeBadge.rose{background:linear-gradient(135deg,oklch(78% .13 340),oklch(56% .17 340))}.course-list-root .gradeBadge.lime{background:linear-gradient(135deg,oklch(80% .14 135),oklch(56% .16 150))}.course-list-root .courseBody{flex-direction:column;flex:1;gap:10px;padding:18px 18px 16px;display:flex}.course-list-root .courseTitle{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin:0;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.course-list-root .courseDesc{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-list-root .courseFoot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.course-list-root .footMeta{color:var(--foreground-subtle);align-items:center;gap:14px;font-size:12px;display:flex}.course-list-root .footMeta .it{align-items:center;gap:5px;display:flex}.course-list-root .footMeta .it svg{width:13px;height:13px;color:var(--muted-foreground)}.course-list-root .footMeta .it b{color:var(--foreground);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600}.course-list-root .footBtn{border-radius:var(--r-sm);background:color-mix(in oklab, var(--primary) 10%, transparent);width:30px;height:30px;color:var(--primary-strong);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0;place-items:center;display:grid}.course-list-root .courseCard:hover .footBtn{background:var(--primary);color:#fff}.course-list-root .footBtn svg{width:14px;height:14px}.course-list-root .stateWrap{text-align:center;place-items:center;min-height:40vh;display:grid}.course-list-root .spinner{border:3px solid var(--border);border-bottom-color:var(--primary);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:.9s linear infinite clSpin}@keyframes clSpin{to{transform:rotate(360deg)}}.course-list-root .stateText{color:var(--muted-foreground);font-size:14px}.course-list-root .emptyNote{color:var(--muted-foreground);margin-top:24px;font-size:14px;line-height:1.7}.course-list-root .filterRow{margin-top:40px}@media (width<=1024px){.course-list-root .hero{padding:56px 40px 52px}.course-list-root .heroGrid{grid-template-columns:1fr;gap:40px}.course-list-root .heroArt{display:none}.course-list-root .hero h1{font-size:52px}.course-list-root .courseGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.course-list-root .courseGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.course-list-root .shell{padding:20px 16px 40px}.course-list-root .hero{padding:40px 24px 36px}.course-list-root .hero h1{font-size:40px}.course-list-root .heroStats{gap:28px}.course-list-root .courseGrid{grid-template-columns:1fr}}