@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#071730;color:#f4f8ff;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#0d527a45,transparent 60%),linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.shell{position:relative;max-width:1100px;padding:0 44px;margin:auto}header{height:115px;display:flex;justify-content:space-between;align-items:center}.logo{display:block;background:white;padding:9px 13px;border-radius:9px}.logo img{display:block;width:200px;height:auto}a{text-decoration:none;color:inherit}.staff-link{font-size:11px;color:#a9bfdc}main{padding:45px 0 60px}.eyebrow{font-size:9px;color:#73dff8;letter-spacing:2.6px;display:flex;align-items:center;gap:10px}.eyebrow span{width:23px;height:1px;background:#73dff8}h1{font-size:44px;line-height:1.5;letter-spacing:-1px;margin:24px 0 18px;position:relative;width:max-content}h1 span{color:#78eaff}h1 i{position:absolute;color:#ffe297;font-size:37px;right:-65px;top:5px;font-style:normal}.intro{font-size:13px;color:#a6bdd8;line-height:2;margin-bottom:34px}.course-list{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.course-card{position:relative;overflow:hidden;display:block;background:#f5faff;border:1px solid #a8dcff;border-radius:16px;padding:28px 30px;color:#152e52;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.course-card:focus-visible{outline:3px solid #78eaff;outline-offset:5px}.card-top{display:flex;justify-content:space-between;align-items:center}.course-label{font-size:11px;background:#dfedff;color:#3676cd;border-radius:4px;padding:5px 10px}.status{font-size:9px;color:#5b907c;display:flex;align-items:center;gap:6px}.status b{width:5px;height:5px;background:#5eb599;border-radius:50%}.lesson-no{font-size:9px;letter-spacing:2px;color:#6d96c5;margin:30px 0 10px}h2{font-size:29px;margin:0;letter-spacing:-.6px}.description{font-size:12px;color:#7790ae;margin:12px 0 21px}.tags{display:flex;gap:7px}.tags span{font-size:9px;border:1px solid #dbe8fa;border-radius:4px;padding:5px 9px;color:#6484ae}.card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce8f6;padding-top:18px;margin-top:32px;color:#2467ce;font-size:12px}.card-bottom strong{font-size:22px;font-weight:400}.card-star{position:absolute;right:15px;top:90px;color:#e0efff;font-size:150px;line-height:1}.coming-card{border:1px dashed #365474;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;background:#11294555}.coming-icon{font-size:36px;color:#496c93;line-height:1;margin-top:8px}.coming-card .lesson-no{margin:25px 0 12px;color:#57799f}.coming-card h2{font-size:20px;color:#abc1db}.coming-card>p:not(.lesson-no){font-size:12px;color:#7190b2;line-height:2}.coming-label{font-size:9px;color:#7595b8;background:#1d3e5e;border-radius:4px;padding:5px 10px;margin-top:auto}.helper{font-size:10px;color:#6f89a8;margin-top:20px;line-height:1.8}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:23px 0 30px;color:#6781a1;font-size:9px;letter-spacing:1px}footer span:last-child{font-size:8px;letter-spacing:2px}@media(max-width:650px){.shell{padding:0 22px}header{height:88px}.logo{padding:7px 9px}.logo img{width:165px}.staff-link{font-size:9px}main{padding:30px 0 35px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:34px;margin-top:20px}h1 i{right:-36px;font-size:24px}.intro{font-size:11px;margin-bottom:28px}.course-list{grid-template-columns:1fr;gap:16px}.course-card{padding:24px}.coming-card{padding:23px;display:grid;grid-template-columns:40px 1fr;gap:0 10px}.coming-icon{grid-row:1/4;font-size:27px;margin:16px 0}.coming-card .lesson-no{font-size:7px;margin:0 0 8px}.coming-card h2{font-size:17px}.coming-card>p:not(.lesson-no){font-size:10px;margin-bottom:0}.coming-card br{display:none}.coming-label{display:none}.helper{font-size:9px}footer{justify-content:center}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}