.course-area{--deep:#0d3b4f;--navy:#1a5c7a;--main:#3a9cc5;--gold:#e8b84b;--cream:#f2f7f9;--white:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--r:10px}.course-area *,.course-area :before,.course-area :after{box-sizing:border-box;margin:0;padding:0}.course-area{color:var(--text);background:var(--cream)}.course-area nav{background:var(--deep);z-index:200;justify-content:space-between;align-items:center;height:58px;padding:0 36px;display:flex;position:sticky;top:0}.course-area .nav-logo{color:#fff;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.course-area .nav-links{gap:2rem;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.course-area .nav-links a{color:#ffffffb8;border-radius:0;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.course-area .nav-links a:hover{color:var(--main);background:0 0}.course-area .nav-dropdown{display:inline-block;position:relative}.course-area .nav-dropdown-trigger{align-items:center;display:inline-flex}.course-area .nav-dropdown-arrow{margin-left:3px;font-size:.7em;transition:transform .2s;display:inline-block}.course-area .nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.course-area .nav-dropdown-menu{background:var(--white);z-index:999;opacity:0;visibility:hidden;border-radius:10px;min-width:220px;margin-top:8px;padding:8px 0;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;left:0;transform:translateY(4px);box-shadow:0 8px 24px #0000001f}.course-area .nav-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.course-area .nav-dropdown-item{cursor:pointer;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;transition:background .15s;display:flex}.course-area .nav-dropdown-item:hover{background:#3a9cc512}.course-area .nav-dropdown-item:hover .ndi-name{color:var(--main)}.course-area .ndi-emoji{flex-shrink:0;font-size:1.2rem}.course-area .ndi-text{flex-direction:column;display:flex}.course-area .ndi-name{color:var(--text);font-size:.92rem;font-weight:600}.course-area .ndi-sub{color:var(--muted);font-size:.75rem}.course-area .nav-dropdown-item.disabled{opacity:.45;cursor:default;pointer-events:none}.course-area .nav-dropdown-divider{background:var(--border);height:1px;margin:6px 0}.course-area .nav-dropdown-item.active-series{border-left:3px solid var(--main);background:#3a9cc512}.course-area .nav-hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;display:none}.course-area .nav-right{align-items:center;gap:10px;display:flex;position:relative}.course-area .nav-account-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13.5px;display:flex}.course-area .nav-account-btn:hover{background:var(--navy)}.course-area .nav-logout{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px}.course-area .nav-logout:hover{background:#ffffff14}.course-area .dropdown-menu{background:var(--white);border-radius:var(--r);border:1px solid var(--border);width:220px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.course-area .dropdown-menu.open{display:block}.course-area .dropdown-menu a{color:var(--text);padding:11px 16px;font-size:13.5px;text-decoration:none;display:block}.course-area .dropdown-menu a:hover{background:var(--cream)}.course-area .dropdown-section-title{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px 6px;font-size:12px;display:flex}.course-area .dropdown-section-title .chevron{font-size:11px;transition:transform .2s}.course-area .dropdown-section-title .chevron.open{transform:rotate(180deg)}.course-area .identity-list{flex-direction:column;display:flex}.course-area .identity-list.collapsed{display:none}.course-area .identity-item{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;display:flex}.course-area .identity-item:hover{background:#3a9cc514}.course-area .identity-item.selected{font-weight:700}.course-area .identity-item .identity-check{width:14px;color:var(--main);flex-shrink:0;font-size:12px}.course-area .identity-item .identity-tag{color:var(--muted);margin-left:2px;font-size:12px;font-weight:400}.course-area .dropdown-divider{background:var(--border);height:1px;margin:4px 0}.course-area .page{display:none}.course-area .page.active{display:block}.course-area .container{max-width:1100px;margin:0 auto;padding:36px 24px}.course-area .welcome-bar{background:linear-gradient(120deg, var(--deep) 0%, var(--navy) 100%);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 32px;display:flex}.course-area .welcome-bar h1{margin-bottom:4px;font-size:22px;font-weight:700}.course-area .welcome-bar p{opacity:.75;font-size:13.5px}.course-area .welcome-tag{white-space:nowrap;background:#ffffff26;border-radius:20px;padding:5px 14px;font-size:12.5px}.course-area .series-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.course-area .series-icon{font-size:26px}.course-area .series-header h2{font-size:19px;font-weight:700}.course-area .series-header p{color:var(--muted);margin-top:2px;font-size:13px}.course-area .series-badge{background:var(--main);color:#fff;white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600}.course-area .series-filter-bar{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.course-area .series-filter-pill{border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:13px;transition:all .15s}.course-area .series-filter-pill:hover{background:var(--cream)}.course-area .series-filter-pill.active{background:var(--main);color:#fff;border-color:var(--main)}.course-area .course-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:900px){.course-area .course-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.course-area .nav-links{background:var(--deep);z-index:150;flex-direction:column;gap:0;padding:.5rem 0 1rem;display:none;position:absolute;top:100%;left:0;right:0;transform:none;box-shadow:0 8px 24px #0003}.course-area .nav-links.mobile-open{display:flex}.course-area .nav-links>li{width:100%}.course-area .nav-links>li>.nav-dropdown-trigger,.course-area .nav-links>li>a{padding:.7rem 2rem;display:block}.course-area .nav-hamburger{display:block}.course-area .nav-dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:0 0;flex-direction:column;gap:0;margin:0;padding:0;display:flex;position:static;transform:none}.course-area .nav-dropdown-menu .nav-dropdown-item{padding:.45rem 2rem .45rem 20px;font-size:.88rem}.course-area .nav-dropdown-menu .ndi-name{color:#ffffffe0;font-size:.88rem}.course-area .nav-dropdown-menu .ndi-sub{color:#ffffff80}.course-area .nav-dropdown-menu .nav-dropdown-divider,.course-area .nav-dropdown-arrow{display:none}}.course-area .course-card{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.course-area .course-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0d3b4f1f}.course-area .course-card.locked{cursor:default;opacity:.65}.course-area .course-card.locked:hover{box-shadow:none;transform:none}.course-area .course-card.series-hidden{display:none}.course-area .card-series-tag{color:var(--main);background:#3a9cc526;border-radius:20px;margin-bottom:6px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.course-area .card-top{background:linear-gradient(135deg, var(--deep) 0%, var(--navy) 100%);min-height:80px;padding:18px 16px 14px;position:relative}.course-area .card-num{color:#fff;letter-spacing:.03em;background:#ffffff2e;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.course-area .card-locked-badge{background:var(--gold);color:var(--deep);border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;top:14px;right:14px}.course-area .card-title{color:#fff;font-size:14px;font-weight:700;line-height:1.4}.course-area .card-slogan{color:#ffffffb3;margin-top:4px;font-size:11.5px}.course-area .card-body{flex-direction:column;flex:1;padding:14px 16px;display:flex}.course-area .card-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 12px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-area .card-enter{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.course-area .btn-enter{color:var(--main);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.88rem;font-weight:600}.course-area .btn-enter:hover{color:var(--navy)}.course-area .card-preparing{color:var(--muted);font-size:12px;font-style:italic}.course-area .breadcrumb{color:var(--muted);margin-bottom:16px;font-size:13px}.course-area .breadcrumb a{color:var(--main);cursor:pointer;text-decoration:none}.course-area .breadcrumb a:hover{text-decoration:underline}.course-area .course-header{margin-bottom:28px}.course-area .course-series-badge{background:var(--main);color:#fff;border-radius:20px;margin-bottom:10px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.course-area .course-header h1{margin-bottom:4px;font-size:26px;font-weight:800}.course-area .course-header .slogan{color:var(--muted);margin-bottom:12px;font-size:15px}.course-area .course-meta{color:var(--muted);gap:20px;font-size:13px;display:flex}.course-area .course-meta span{align-items:center;gap:5px;display:flex}.course-area .tab-bar{border-bottom:2px solid var(--border);gap:0;margin-bottom:28px;display:flex;overflow-x:auto}.course-area .tab-btn{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:400;transition:color .15s}.course-area .tab-btn:hover{color:var(--text)}.course-area .tab-btn.active{color:var(--main);border-bottom-color:var(--main);border-color:#0000;border-bottom-color:var(--main);background:0 0;font-weight:600}.course-area .tab-panel{display:none}.course-area .tab-panel.active{display:block}.course-area .info-card{border-left:4px solid var(--main);border-radius:0 var(--r) var(--r) 0;background:#ebf6fc;margin-bottom:22px;padding:16px 20px}.course-area .info-card .label{color:var(--main);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700}.course-area .info-card p{color:var(--text);font-size:14px;line-height:1.7}.course-area .section-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);margin-bottom:20px;overflow:hidden}.course-area .section-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.course-area .section-card-header h3{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.course-area .section-card-body{border-top:1px solid var(--border);padding:0 20px 20px}.course-area .section-card-body.hidden{display:none}.course-area .chevron{color:var(--muted);font-size:12px;transition:transform .2s}.course-area .chevron.open{transform:rotate(180deg)}.course-area .checklist{flex-direction:column;gap:10px;padding-top:16px;list-style:none;display:flex}.course-area .checklist li{align-items:center;gap:10px;font-size:14px;display:flex}.course-area .checklist input[type=checkbox]{width:17px;height:17px;accent-color:var(--main);cursor:pointer;flex-shrink:0}.course-area .quote-block{border-left:4px solid var(--gold);border-radius:0 var(--r) var(--r) 0;color:var(--text);background:#fffbef;margin-bottom:20px;padding:14px 20px;font-size:14px;font-style:italic;line-height:1.8}.course-area .read-more-text{transition:max-height .35s;overflow:hidden}.course-area .read-more-btn{color:var(--main);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-family:inherit;font-size:13px;display:block}.course-area .meta-row{color:var(--muted);gap:18px;margin-bottom:20px;font-size:13px;display:flex}.course-area .meta-row span{align-items:center;gap:5px;display:flex}.course-area .supply-list{flex-direction:column;gap:8px;margin-bottom:20px;list-style:none;display:flex}.course-area .supply-list li{align-items:flex-start;gap:8px;font-size:14px;display:flex}.course-area .supply-list li:before{content:"•";color:var(--main);flex-shrink:0;font-weight:700}.course-area .attach-row{flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}.course-area .attach-btn{border:1px solid var(--border);border-radius:var(--r);background:var(--white);cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;display:flex}.course-area .attach-btn:hover{background:var(--cream)}.course-area .attach-btn .dl-label{background:var(--main);color:#fff;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:11px}.course-area .ppt-viewer{aspect-ratio:16/9;border-radius:var(--r);color:#ffffff73;background:#1e293b;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;font-size:15px;display:flex;position:relative;overflow:hidden}.course-area .ppt-viewer .ppt-title{color:#ffffffb3;margin-bottom:8px;font-size:17px;font-weight:600}.course-area .ppt-no-dl{color:#f87171;font-size:12px;position:absolute;bottom:12px;right:14px}.course-area .video-player{aspect-ratio:16/9;border-radius:var(--r);cursor:pointer;background:#0a1929;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.course-area .play-btn{color:#fff;background:#ffffff2e;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;transition:background .2s;display:flex}.course-area .video-player:hover .play-btn{background:#ffffff47}.course-area .progress-bar-mock{background:#ffffff26;height:4px;position:absolute;bottom:0;left:0;right:0}.course-area .progress-fill{background:var(--main);border-radius:2px;width:0%;height:100%;transition:width 1s linear}.course-area .video-no-dl{color:#f87171;font-size:12px;position:absolute;bottom:16px;right:14px}.course-area .account-info-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);margin-bottom:20px;padding:24px 28px}.course-area .account-info-card h3{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:15px;font-weight:700}.course-area .info-row{align-items:center;gap:0;margin-bottom:13px;font-size:14px;display:flex}.course-area .info-row .label{color:var(--muted);flex-shrink:0;width:140px}.course-area .info-row .value{font-weight:500}.course-area .btn-change-pw{border:1px solid var(--border);border-radius:var(--r);cursor:pointer;background:0 0;margin-top:16px;padding:8px 18px;font-family:inherit;font-size:13px}.course-area .btn-change-pw:hover{background:var(--cream)}.course-area .member-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.course-area .member-header h3{font-size:15px;font-weight:700}.course-area .quota-badge{background:var(--cream);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:4px 12px;font-size:12.5px}.course-area table{border-collapse:collapse;width:100%}.course-area th{background:var(--cream);color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-size:12px;font-weight:600}.course-area td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13.5px}.course-area tr:last-child td{border-bottom:none}.course-area tr:hover td{background:#fafcfe}.course-area .status-on{color:#16a34a;font-size:13px}.course-area .status-pending{color:#d97706;font-size:13px}.course-area .btn-sm{cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12.5px}.course-area .btn-sm:hover{background:var(--cream)}.course-area .btn-sm.danger{color:#dc2626;border-color:#fecaca}.course-area .btn-sm.danger:hover{background:#fff5f5}.course-area .btn-add{background:var(--main);color:#fff;border-radius:var(--r);cursor:pointer;border:none;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600}.course-area .btn-add:hover{background:var(--navy)}.course-area .add-member-form{align-items:center;gap:10px;margin-bottom:20px;display:flex}.course-area .add-member-form input{border:1px solid var(--border);border-radius:var(--r);flex:1;padding:9px 13px;font-family:inherit;font-size:13.5px}.course-area .add-member-form input:focus{border-color:var(--main);outline:none}.course-area .filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.course-area .filter-chip{border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:13px;transition:all .15s}.course-area .filter-chip:hover{border-color:var(--main);color:var(--main)}.course-area .filter-chip.active{background:var(--main);color:#fff;border-color:var(--main)}.course-area .article-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.course-area .article-grid{grid-template-columns:1fr}}.course-area .article-card{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.course-area .article-card-cover{align-items:flex-end;height:110px;padding:14px 18px;display:flex}.course-area .article-card-body{flex-direction:column;flex:1;padding:16px 18px;display:flex}.course-area .article-tag-badge{border-radius:20px;margin-bottom:10px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.course-area .article-tag-blue{color:#1a5c7a;background:#d6eefa}.course-area .article-tag-teal{color:#0d5c55;background:#d6f0ee}.course-area .article-card h3{margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.45}.course-area .article-card p{color:var(--muted);flex:1;font-size:13px;line-height:1.7}.course-area .article-card-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:12.5px;display:flex}.course-area .article-card-footer a{color:var(--main);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.course-area .article-card-footer a:hover{color:var(--navy)}.course-area .article-card.coming-soon{opacity:.7}.course-area .coming-badge{background:var(--cream);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.course-area .article-detail-header{margin-bottom:28px}.course-area .article-detail-header h1{margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.35}.course-area .article-detail-header .subtitle{color:var(--muted);margin-bottom:14px;font-size:16px}.course-area .article-detail-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.course-area .article-body{max-width:720px}.course-area .article-body p{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.85}.course-area .article-body h3{color:var(--deep);margin:28px 0 12px;font-size:17px;font-weight:700}.course-area .article-accordion{border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;overflow:hidden}.course-area .article-accordion-header{cursor:pointer;background:var(--white);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14.5px;font-weight:600;display:flex}.course-area .article-accordion-header:hover{background:var(--cream)}.course-area .article-accordion-body{border-top:1px solid var(--border);padding:14px 18px 16px;font-size:14.5px;line-height:1.8;display:none}.course-area .article-accordion-body.open{display:block}.course-area .article-practice-card{border-radius:var(--r);background:#ebf6fc;margin:24px 0;padding:22px 24px}.course-area .article-practice-card h4{color:var(--navy);margin-bottom:14px;font-size:15px;font-weight:700}.course-area .practice-list{flex-direction:column;gap:10px;list-style:none;display:flex}.course-area .practice-list li{gap:12px;font-size:14.5px;line-height:1.7;display:flex}.course-area .practice-num{background:var(--main);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.course-area .back-to-teacher{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-family:inherit;font-size:13.5px;text-decoration:none;display:inline-flex}.course-area .back-to-teacher:hover{color:var(--text)}.course-area .modal-overlay{z-index:300;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.course-area .modal-overlay.open{display:flex}.course-area .modal{background:var(--white);border-radius:14px;width:90%;max-width:520px;max-height:86vh;padding:28px 30px;position:relative;overflow-y:auto}.course-area .modal h3{margin-bottom:18px;font-size:17px;font-weight:700}.course-area .modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}.course-area .modal-close:hover{color:var(--text)}.course-area .record-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13.5px;display:flex}.course-area .record-item:last-child{border-bottom:none}.course-area .record-time{color:var(--muted);font-size:12.5px}.course-area .info-card.lesson-intro p:first-child>strong:only-child{color:var(--main);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.course-area .info-card.lesson-intro p{color:var(--text);font-size:14px;line-height:1.7}.course-area .info-card.lesson-intro p+p{margin-top:10px}.course-area .section-card-body{padding-top:16px}.course-area .section-card-body>:last-child{margin-bottom:0}.course-area .section-card-body p{margin-bottom:12px;font-size:14px;line-height:1.8}.course-area .section-card-body h3,.course-area .section-card-body h4{color:var(--navy);margin:18px 0 8px;font-size:14.5px;font-weight:700}.course-area .section-card-body ul,.course-area .section-card-body ol{flex-direction:column;gap:8px;margin-bottom:14px;padding-left:20px;display:flex}.course-area .section-card-body li{font-size:14px;line-height:1.7}.course-area .section-card-body strong{font-weight:700}.course-area .section-card-body blockquote,.course-area .tab-panel>blockquote{border-left:4px solid var(--gold);border-radius:0 var(--r) var(--r) 0;color:var(--text);background:#fffbef;margin:16px 0;padding:14px 20px;font-size:14px;font-style:italic;line-height:1.8}.course-area .section-card-body blockquote p{margin-bottom:0}.course-area .section-card-body ul:has(>li>input[type=checkbox]){gap:10px;padding-left:0;list-style:none}.course-area .section-card-body li:has(>input[type=checkbox]){align-items:center;gap:10px;display:flex}.course-area .section-card-body input[type=checkbox]{width:17px;height:17px;accent-color:var(--main);opacity:1;flex-shrink:0}.course-area a.course-card{color:inherit;text-decoration:none}.course-area{min-height:62vh}.course-area .tab-btn:focus{outline:none}.course-area .tab-btn:focus-visible{outline:2px solid var(--main);outline-offset:2px}.course-area .slide-viewer{z-index:300;background:#0b0b0c;flex-direction:column;display:flex;position:fixed;inset:0}.course-area .slide-bar{color:#fff;background:#ffffff0f;flex:0 0 56px;align-items:center;gap:14px;height:56px;padding:0 16px;font-size:13px;display:flex}.course-area .slide-label{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.course-area .slide-mark{letter-spacing:.05em;color:#ffffff8c;border:1px solid #ffffff40;border-radius:99px;flex:none;padding:2px 10px;font-size:11px}.course-area .slide-page{color:#fffc;margin-left:auto}.course-area .slide-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1}.course-area .slide-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.course-area .slide-canvas{max-width:100%;max-height:100%;display:block}.course-area .slide-half{cursor:pointer;z-index:1;background:0 0;border:none;width:40%;position:absolute;top:0;bottom:0}.course-area .slide-half:disabled{cursor:default}.course-area .slide-prev{left:0}.course-area .slide-next{right:0}.course-area .slide-error{color:#fca5a5;text-align:center;margin:auto;padding:24px}.course-area .video-el{background:#000;max-width:100%;max-height:100%;display:block}