.cs-admin,.cs-app{--cs-ink-900:#101828;--cs-ink-800:#1D2939;--cs-ink-700:#344054;--cs-ink-600:#475467;--cs-ink-500:#667085;--cs-ink-400:#98A2B3;--cs-ink-300:#D0D5DD;--cs-ink-200:#EAECF0;--cs-ink-100:#F2F4F7;--cs-ink-50:#F9FAFB;--cs-bg:#F5F6F8;--cs-card:#FFFFFF;--cs-brand:#FF7A00;--cs-brand-600:#EB6C00;--cs-brand-700:#C25700;--cs-brand-100:#FFE6CF;--cs-brand-50:#FFF5EB;--cs-green-600:#079455;--cs-green-50:#ECFDF3;--cs-blue-600:#1F5FE0;--cs-blue-50:#EEF4FF;--cs-blue-200:#C7D7FE;--cs-red-600:#D92D20;--cs-red-50:#FEF3F2;--cs-amber-600:#B54708;--cs-amber-50:#FFFAEB;--cs-vip-bg:linear-gradient(135deg,#2D3139,#15171B);--cs-vip-text:#F3CF86;--cs-r-sm:8px;--cs-r:12px;--cs-r-lg:16px;--cs-sh-1:0 1px 2px rgba(16,24,40,.05);--cs-sh-2:0 1px 3px rgba(16,24,40,.06),0 4px 14px -4px rgba(16,24,40,.08);--cs-sh-3:0 24px 48px -12px rgba(16,24,40,.22);--cs-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}.cs-admin,.cs-app,.cs-root{font-family:var(--cs-font);color:var(--cs-ink-900);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.cs-admin button,.cs-admin input,.cs-admin select,.cs-admin textarea,.cs-app button,.cs-app input,.cs-app select,.cs-app textarea{font:inherit;color:inherit}.cs-admin button,.cs-app button{cursor:pointer;border:0;background:none}.cs-admin a,.cs-app a{color:inherit;text-decoration:none}.cs-admin *,.cs-app *,.cs-root *{box-sizing:border-box}.cs-muted{color:var(--cs-ink-500)}.cs-sm{font-size:12.5px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s}.cs-btn .cs-ic{width:18px;height:18px}.cs-btn-p{background:var(--cs-brand);color:#fff}.cs-btn-p:hover{background:var(--cs-brand-600)}.cs-btn-p[aria-disabled=true],.cs-btn-p[disabled]{background:var(--cs-ink-200);color:var(--cs-ink-400);pointer-events:none}.cs-btn-s{background:#fff;color:var(--cs-ink-800);box-shadow:inset 0 0 0 1px var(--cs-ink-300)}.cs-btn-s:hover{background:var(--cs-ink-50)}.cs-btn-d{background:var(--cs-ink-900);color:#fff}.cs-btn-g{color:var(--cs-ink-700)}.cs-btn-g:hover{background:var(--cs-ink-100)}.cs-btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}.cs-btn-lg{height:48px;padding:0 20px;font-size:16px;border-radius:12px}.cs-btn-block{width:100%}.cs-tag{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;flex:none}.cs-tag .cs-ic{width:12px;height:12px;stroke-width:2.4}.cs-tag-free{background:var(--cs-green-50);color:var(--cs-green-600)}.cs-tag-login{background:var(--cs-blue-50);color:var(--cs-blue-600)}.cs-tag-member{background:var(--cs-vip-bg);color:var(--cs-vip-text)}.cs-tag-grant{background:var(--cs-brand-50);color:var(--cs-brand-700)}.cs-tag-owned{background:var(--cs-green-50);color:var(--cs-green-600)}.cs-tag-expired{background:var(--cs-red-50);color:var(--cs-red-600)}.cs-tag-trial{background:#fff;color:var(--cs-brand-700);box-shadow:inset 0 0 0 1px rgb(0 0 0/.08)}.cs-tag-gray{color:var(--cs-ink-600)}.cs-bar,.cs-tag-gray{background:var(--cs-ink-100)}.cs-bar{height:6px;border-radius:99px;overflow:hidden;flex:1 1}.cs-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFA048,var(--cs-brand))}.cs-bar.cs-bar-done>i,.cs-bar.done>i{background:var(--cs-green-600)}.cs-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#FFB36E,var(--cs-brand));color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;flex:none}.cs-avatar.cs-avatar-xl{width:56px;height:56px;font-size:22px}.cs-icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--cs-ink-700);flex:none}.cs-icon-btn:hover{background:var(--cs-ink-100)}.cs-switch{width:40px;height:24px;border-radius:99px;background:var(--cs-ink-300);position:relative;flex:none;cursor:pointer;transition:background .2s;border:0;padding:0}.cs-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.25);transition:left .2s}.cs-switch.on{background:var(--cs-brand)}.cs-switch.on:after{left:19px}.cs-switch.sm{width:34px;height:20px}.cs-switch.sm:after{width:14px;height:14px}.cs-switch.sm.on:after{left:17px}.cs-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--cs-ink-100);gap:2px}.cs-seg a,.cs-seg button{padding:6px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--cs-ink-600);white-space:nowrap}.cs-seg a.on,.cs-seg button.on{background:#fff;color:var(--cs-ink-900);box-shadow:var(--cs-sh-1)}.cs-seg.sm a,.cs-seg.sm button{padding:4px 12px;font-size:13px}.cs-inp{height:40px;border-radius:10px;border:1px solid var(--cs-ink-300);padding:0 12px;background:#fff;width:100%;font-size:15px;outline:none}.cs-inp:focus{border-color:var(--cs-brand);box-shadow:0 0 0 3px rgba(255,122,0,.15)}textarea.cs-inp{height:auto;padding:10px 12px;line-height:1.6;resize:none}.cs-sel{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--cs-ink-300);font-size:14px;color:var(--cs-ink-700);white-space:nowrap}.cs-sel .cs-ic{width:16px;height:16px;color:var(--cs-ink-400)}.cs-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border-radius:7px;background:var(--cs-ink-100);font-size:13px;color:var(--cs-ink-800)}.cs-chip .cs-ic{width:14px;height:14px;color:var(--cs-ink-400)}.cs-ic{width:20px;height:20px;flex:none}.cs-cover{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;container-type:inline-size;color:#fff;isolation:isolate;flex:none;background:var(--cs-cv);display:block}.cs-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.24),transparent 36%),radial-gradient(circle at 6% 112%,rgba(255,255,255,.16),transparent 46%)}.cs-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cs-cv-label{top:7cqw;font-size:max(9px,4cqw);opacity:.8;letter-spacing:.08em;font-weight:600}.cs-cv-label,.cs-cv-title{position:absolute;left:7cqw}.cs-cv-title{right:7cqw;top:17cqw;font-size:10cqw;line-height:1.2;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.16)}.cs-cv-line{position:absolute;left:7cqw;bottom:8cqw;width:13cqw;height:1.5cqw;border-radius:9px;background:var(--cs-cv-accent)}.cs-cv-count{position:absolute;right:4cqw;bottom:4cqw;font-size:max(10px,3.6cqw);padding:.7cqw 2.4cqw;border-radius:99px;background:rgba(0,0,0,.32);font-weight:600}@container (max-width: 170px){.cs-cv-label,.cs-cv-line{display:none}.cs-cv-title{top:11cqw;font-size:12.5cqw}.cs-cv-count{font-size:10px;padding:1px 6px}}.cs-cover-t1{--cs-cv:linear-gradient(135deg,#1B2442,#33447F);--cs-cv-accent:#FF8A1F}.cs-cover-t2{--cs-cv:linear-gradient(135deg,#EE6500,#FF9F45);--cs-cv-accent:#fff}.cs-cover-t3{--cs-cv:linear-gradient(135deg,#0D474C,#14857C);--cs-cv-accent:#FFC46B}.cs-cover-t4{--cs-cv:linear-gradient(135deg,#341A4C,#6A418F);--cs-cv-accent:#FFB15C}.cs-cover-t5{--cs-cv:linear-gradient(135deg,#1D2027,#3D4350);--cs-cv-accent:#E9C46A}.cs-cover-t6{--cs-cv:linear-gradient(135deg,#123B26,#2C7449);--cs-cv-accent:#FFD27A}.cs-is-exp>.cs-cover{filter:grayscale(1);opacity:.7}.cs-app{display:flex;flex-direction:column;min-height:100dvh;background:var(--cs-bg);container-type:inline-size}.cs-app-body{flex:1 1;overflow-x:hidden;position:relative}.cs-top{flex-wrap:wrap;gap:10px;min-height:52px;padding:8px 16px;background:#fff;border-bottom:1px solid var(--cs-ink-200);flex:none;position:relative;z-index:5}.cs-logo,.cs-top{display:flex;align-items:center}.cs-logo{gap:8px;font-weight:700;font-size:16px;white-space:nowrap}.cs-logo .cs-logo-mark{width:28px;height:28px;flex:none}.cs-logo small{display:none;font-weight:500;color:var(--cs-ink-500);font-size:13px;padding-left:10px;border-left:1px solid var(--cs-ink-200)}.cs-top-nav{display:none}.cs-top-r{margin-left:auto;display:flex;align-items:center;gap:4px}.cs-kind-switch{display:none;flex:1 0 100%;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:10px;background:var(--cs-ink-100)}@media (max-width:720px){.cs-kind-switch{display:grid}}.cs-kind-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:14px;font-weight:600;color:var(--cs-ink-600)}.cs-kind-switch a.on{background:var(--cs-card,#fff);color:var(--cs-ink-900);box-shadow:0 1px 2px rgba(16,24,40,.08)}.cs-kind-switch a:focus-visible{outline:2px solid var(--cs-brand);outline-offset:2px}.cs-platform-home{display:inline-flex;flex:none;align-items:center;gap:5px;min-height:36px;padding:6px 8px;border-radius:8px;color:var(--cs-ink-900);background:var(--cs-ink-100);font-size:12px;font-weight:600;white-space:nowrap}.cs-platform-home .cs-ic{width:16px;height:16px}@container (max-width: 599px){.cs-top-r .cs-avatar{display:none}.cs-top-title{position:static;transform:none;font-size:14px}.cs-top{gap:4px;padding-right:8px;padding-left:8px}.cs-platform-home{padding:6px;font-size:11px}}.cs-top-title{position:absolute;left:50%;transform:translateX(-50%);font-size:16px;font-weight:600;white-space:nowrap}.cs-top .cs-back{margin-left:-8px}.cs-top .cs-search{display:none}@container (max-width: 899px){.cs-d-only{display:none!important}}.cs-tabbar{flex:none;display:flex;height:62px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--cs-ink-200);position:-webkit-sticky;position:sticky;bottom:0;z-index:6}.cs-tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--cs-ink-500);min-width:44px}.cs-tabbar a.on{color:var(--cs-brand);font-weight:600}.cs-tabbar .cs-ic{width:23px;height:23px}.cs-wrap{padding:14px 16px 24px}.cs-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:20px 2px 10px}.cs-sec-head h2{font-size:17px;font-weight:700}.cs-sec-head span{font-size:13px;color:var(--cs-ink-500)}.cs-chips{display:flex;gap:8px;overflow-x:auto;margin:16px -16px 0;padding:0 16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.cs-chips::-webkit-scrollbar{display:none}.cs-chips a,.cs-chips button{flex:none;height:32px;padding:0 14px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--cs-ink-200);display:flex;align-items:center;font-size:14px;color:var(--cs-ink-700)}.cs-chips .cs-chip-count{opacity:.65;font-weight:500}.cs-chips a.on,.cs-chips button.on{background:linear-gradient(180deg,var(--cs-ink-900),var(--cs-ink-800));color:#fff;box-shadow:0 1px 3px rgb(0 0 0/.08);font-weight:600}.cs-intro-strip{display:none}.cs-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 2px 16px;padding-bottom:12px;border-bottom:1px solid var(--cs-ink-200)}.cs-page-title{font-size:22px;font-weight:800;letter-spacing:.01em}.cs-stat-badge{display:inline-flex;height:24px;padding:0 9px;border-radius:99px;background:var(--cs-ink-50);color:var(--cs-ink-700);font-size:12px;font-weight:600}.cs-course-search,.cs-stat-badge{align-items:center;box-shadow:inset 0 0 0 1px var(--cs-ink-200)}.cs-course-search{display:flex;gap:10px;height:38px;margin-top:16px;padding:0 12px;border-radius:10px;background:#fff;color:var(--cs-ink-500)}.cs-course-search input{border:0;background:none;outline:0;flex:1 1;font-size:14px;min-width:0;color:var(--cs-ink-900)}.cs-continue{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--cs-r-lg);box-shadow:var(--cs-sh-2)}.cs-continue .cs-cover{width:104px;border-radius:8px}.cs-continue-main{flex:1 1;min-width:0}.cs-eyebrow{font-size:12px;font-weight:600;color:var(--cs-brand-700)}.cs-continue h3{font-size:15px;font-weight:700;margin:1px 0 2px}.cs-continue h3,.cs-continue p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-continue p{font-size:12.5px;color:var(--cs-ink-500);margin-bottom:7px}.cs-course-list{display:flex;flex-direction:column;gap:10px}.cs-course{display:flex;gap:12px;padding:10px;background:#fff;border-radius:14px;box-shadow:var(--cs-sh-1);transition:box-shadow .15s,transform .15s}.cs-course:hover{box-shadow:var(--cs-sh-2);transform:translateY(-2px)}.cs-course .cs-cover{width:128px;border-radius:8px;align-self:flex-start}.cs-course-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:1px}.cs-course h3{font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-course-meta{gap:6px;font-size:12.5px;margin-top:auto;flex-wrap:wrap}.cs-course-meta,.cs-course-prog{display:flex;align-items:center;color:var(--cs-ink-500)}.cs-course-prog{gap:8px;font-size:12px}.cs-course-prog .cs-bar{height:4px}.cs-status-card{margin-top:14px;padding:14px;border-radius:14px;background:var(--cs-ink-50);box-shadow:inset 0 0 0 1px var(--cs-ink-200)}.cs-status-card.ok{background:var(--cs-green-50);box-shadow:inset 0 0 0 1px #ABEFC6}.cs-status-card.lock{background:var(--cs-brand-50);box-shadow:inset 0 0 0 1px var(--cs-brand-100)}.cs-sc-row{display:flex;align-items:center;gap:6px;font-size:15px}.cs-sc-row b{font-weight:700}.cs-sc-row span{margin-left:auto;font-size:13px;color:var(--cs-ink-600)}.cs-status-card.ok .cs-sc-row .cs-ic{color:var(--cs-green-600)}.cs-status-card.lock .cs-sc-row .cs-ic{color:var(--cs-brand-700)}.cs-status-card p{font-size:13px;color:var(--cs-ink-600);margin-top:6px;line-height:1.6}.cs-sc-prog{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:var(--cs-ink-600)}.cs-sc-prog b{color:var(--cs-ink-900)}.cs-sc-actions{display:flex;gap:8px;margin-top:12px}.cs-sc-actions .cs-btn{flex:1 1}.cs-catalog{background:#fff;padding:4px 6px 10px}.cs-chapter+.cs-chapter{border-top:1px solid var(--cs-ink-100);margin-top:6px;padding-top:6px}.cs-ch-head{display:flex;align-items:baseline;gap:8px;padding:12px 10px 6px}.cs-ch-head b{font-size:13px;color:var(--cs-brand-700);font-weight:700}.cs-ch-head span{font-size:15px;font-weight:700}.cs-ch-head em{margin-left:auto;font-style:normal;font-size:12px;color:var(--cs-ink-400)}.cs-lesson{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;position:relative}.cs-lesson:hover{background:var(--cs-ink-50)}a.cs-lesson{cursor:pointer}.cs-ls-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cs-ink-100);color:var(--cs-ink-600);flex:none}.cs-ls-ic .cs-ic{width:14px;height:14px}.cs-lesson.is-done .cs-ls-ic{background:var(--cs-green-50);color:var(--cs-green-600)}.cs-lesson.is-cur{background:var(--cs-brand-50)}.cs-lesson.is-cur .cs-ls-ic,.cs-lesson.is-playing .cs-ls-ic{background:var(--cs-brand);color:#fff}.cs-lesson.is-lock{color:var(--cs-ink-400);cursor:default}.cs-lesson.is-lock:hover{background:none}.cs-lesson.is-lock .cs-ls-ic{color:var(--cs-ink-400)}.cs-ls-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-ls-main b{font-size:15px;font-weight:500;line-height:1.45}.cs-ls-main small{font-size:12.5px;color:var(--cs-ink-500)}.cs-lesson.is-cur .cs-ls-main b{font-weight:700}.cs-lesson.is-lock .cs-ls-main small{color:var(--cs-ink-400)}.cs-sticky-cta{flex:none;display:flex;gap:10px;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--cs-ink-200);position:-webkit-sticky;position:sticky;bottom:0;z-index:6}.cs-sticky-cta .cs-btn{flex:1 1}.cs-sticky-cta .cs-btn-s{flex:.6 1}.cs-sheet-mask{position:fixed;inset:0;z-index:40;background:rgba(16,24,40,.45);display:none;align-items:flex-end}.cs-sheet-mask.open{display:flex}.cs-sheet{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:10px 20px calc(28px + env(safe-area-inset-bottom));text-align:center;max-width:560px;margin:0 auto}.cs-sheet .cs-grab{width:36px;height:4px;border-radius:9px;background:var(--cs-ink-200);margin:0 auto 14px}.cs-sheet h3{font-size:17px}.cs-sheet p{font-size:13.5px;color:var(--cs-ink-600);margin:6px 0 14px;line-height:1.6}.cs-qr{width:150px;height:150px;margin:0 auto 12px;border-radius:12px;background:#fff;padding:10px;box-shadow:0 0 0 1px var(--cs-ink-200)}.cs-qr img{width:100%;height:100%;object-fit:contain;display:block}.cs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center}.cs-empty .cs-ic{width:40px;height:40px;color:var(--cs-ink-300)}.cs-empty h3{font-size:16px;font-weight:600}.cs-empty p{font-size:13px;color:var(--cs-ink-500);line-height:1.6;max-width:300px}.cs-skeleton{border-radius:14px;background:linear-gradient(100deg,var(--cs-ink-100) 40%,var(--cs-ink-50) 50%,var(--cs-ink-100) 60%);background-size:200% 100%;animation:cs-shimmer 1.4s ease infinite}@keyframes cs-shimmer{to{background-position:-200% 0}}.cs-skeleton-row{display:flex;gap:12px;padding:10px;background:#fff;border-radius:14px;box-shadow:var(--cs-sh-1)}.cs-skeleton-row .cs-skeleton.cs-cover-box{width:128px;aspect-ratio:16/9;border-radius:8px;flex:none}.cs-skeleton-lines{flex:1 1;display:flex;flex-direction:column;gap:10px;padding:4px 0}.cs-admin{display:block}.cs-card{background:#fff;border-radius:16px;box-shadow:var(--cs-sh-1);border:1px solid var(--cs-ink-200)}.cs-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.cs-tbl th{text-align:left;font-weight:500;font-size:12.5px;color:var(--cs-ink-500);padding:11px 16px;background:var(--cs-ink-50);border-bottom:1px solid var(--cs-ink-200);white-space:nowrap}.cs-tbl th:first-child{border-top-left-radius:16px}.cs-tbl th:last-child{border-top-right-radius:16px}.cs-tbl td{padding:13px 16px;border-bottom:1px solid var(--cs-ink-100);vertical-align:middle}.cs-tbl tr:last-child td{border-bottom:0}.cs-tbl tbody tr:hover td{background:#FCFCFD}.cs-tbl small.warn{display:block;font-size:12px;color:var(--cs-amber-600)}.cs-dot{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;white-space:nowrap}.cs-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cs-ink-300)}.cs-dot.on:before{background:var(--cs-green-600)}.cs-dot.draft:before{background:var(--cs-amber-600)}.cs-ops{display:flex;gap:14px;white-space:nowrap}.cs-ops a,.cs-ops button{font-size:13.5px;color:var(--cs-brand-700);font-weight:500}.cs-ops a:hover,.cs-ops button:hover{text-decoration:underline}.cs-ops a.gray,.cs-ops button.gray{color:var(--cs-ink-500)}.cs-who b{display:block;font-weight:600}.cs-who span{font-size:12.5px;color:var(--cs-ink-500)}.cs-prog-cell{display:flex;align-items:center;gap:10px;min-width:180px}.cs-prog-cell .cs-bar{height:5px;max-width:110px}.cs-prog-cell span{font-size:12.5px;color:var(--cs-ink-600);white-space:nowrap}.cs-sec{background:#fff;border-radius:16px;border:1px solid var(--cs-ink-200);padding:20px 22px 22px;margin-bottom:16px}.cs-sec-t{justify-content:space-between;margin-bottom:16px}.cs-sec-t,.cs-sec-t h2{display:flex;align-items:center}.cs-sec-t h2{font-size:16px;font-weight:700;gap:8px}.cs-sec-t h2 i{font-style:normal;width:22px;height:22px;border-radius:7px;background:var(--cs-ink-900);color:#fff;font-size:12px;display:grid;place-items:center}.cs-sec-t p{font-size:13px;color:var(--cs-ink-500)}.cs-sw-row{display:flex;align-items:center;gap:16px;padding:12px 2px;border-bottom:1px solid var(--cs-ink-100)}.cs-sw-row:last-child{border-bottom:0}.cs-sw-row>div{flex:1 1}.cs-sw-row b{display:block;font-size:14px;font-weight:600}.cs-sw-row span{font-size:12.5px;color:var(--cs-ink-500)}.cs-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.cs-stat{background:#fff;border-radius:16px;border:1px solid var(--cs-ink-200);padding:16px 18px}.cs-stat span{font-size:13px;color:var(--cs-ink-500)}.cs-stat b{display:block;font-size:26px;font-weight:800;margin-top:2px;letter-spacing:.01em}.cs-stat small{font-size:12.5px;color:var(--cs-ink-500)}.cs-stat .cs-bar{margin-top:10px;height:5px}@media (max-width:900px){.cs-stat-grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 900px){.cs-m-only{display:none!important}.cs-top{min-height:64px;padding:8px 24px;gap:12px}.cs-logo small{display:inline}.cs-top-nav{display:flex;gap:4px;margin-left:24px}.cs-top-nav a{padding:8px 14px;border-radius:9px;font-size:15px;color:var(--cs-ink-600);font-weight:500}.cs-top-nav a.on{color:var(--cs-ink-900);background:var(--cs-ink-100);font-weight:600}.cs-top .cs-search{display:flex;align-items:center;gap:8px;width:260px;height:38px;padding:0 12px;border-radius:10px;background:var(--cs-ink-100);color:var(--cs-ink-500)}.cs-top .cs-search input{border:0;background:none;outline:0;flex:1 1;font-size:14px;min-width:0}.cs-top-r{gap:8px}.cs-tabbar{display:none}.cs-wrap{max-width:1264px;margin:0 auto;padding:28px 32px 56px;width:100%}.cs-intro-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.cs-intro-strip h1{font-size:28px;font-weight:800;letter-spacing:.01em}.cs-intro-strip p{font-size:15px;color:var(--cs-ink-500);margin-top:4px}.cs-intro-strip .cs-stats{display:flex;gap:28px}.cs-intro-strip .cs-stats div{text-align:right}.cs-intro-strip .cs-stats b{display:block;font-size:22px;font-weight:800}.cs-intro-strip .cs-stats span{font-size:12.5px;color:var(--cs-ink-500)}.cs-continue{padding:16px;gap:18px}.cs-continue .cs-cover{width:176px}.cs-continue h3{font-size:17px}.cs-continue p{font-size:13.5px}.cs-continue .cs-bar{max-width:420px}.cs-chips{margin:26px 0 0;padding:0}.cs-sec-head{margin:22px 2px 14px}.cs-sec-head h2{font-size:20px}.cs-course-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.cs-course{flex-direction:column;padding:0;overflow:hidden;gap:0;border-radius:16px}.cs-course:hover{transform:translateY(-2px)}.cs-course:hover .cs-cover img{transform:scale(1.02)}.cs-course .cs-cover{width:100%;border-radius:0}.cs-course-main{padding:12px 14px 14px}.cs-course h3{font-size:15.5px;min-height:43px}.cs-sticky-cta{display:none}}@container (min-width: 900px) and (max-width: 1200px){.cs-course-list{grid-template-columns:repeat(3,1fr)}}.cs-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px}.cs-demo-block{background:#fff;border-radius:16px;box-shadow:var(--cs-sh-1);border:1px solid var(--cs-ink-200);padding:16px}.cs-demo-block>h3{font-size:13px;font-weight:700;color:var(--cs-ink-500);margin-bottom:12px;letter-spacing:.04em}.cs-demo-tags{display:flex;flex-wrap:wrap;gap:6px}.cs-demo-row{display:flex;flex-direction:column;gap:6px}.cs-demo-btns{display:flex;flex-wrap:wrap;gap:8px}