code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:PingFang SC,Helvetica Neue,HelveticaNeue,Calibri,Helvetica,Arial;margin:0;padding:0;-webkit-user-select:none}.App{min-height:688px;min-width:1280px;transform-origin:top left}.footer{background-color:#1c2231;flex-direction:column;justify-content:center;min-width:1264px;padding-bottom:40px;padding-top:40px;width:100%}.footer,.footer .support{align-items:center;display:flex}.footer .support{color:#8a8d99;font-size:14px;font-style:normal;font-weight:500;gap:8px;line-height:22px;margin-bottom:10px;text-align:center}.footer .support:last-child{margin-bottom:0}.footer-link{color:#8a8d99;text-decoration:none}.footer-link:hover{color:#fff}.footer-contact{align-items:center;color:#8a8d99;display:inline-flex;gap:6px}.footer-contact-icon{height:14px;width:14px}.footer-divider{color:#4a4d59}.footer .rightCode{color:#8a8d99;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.studentDownloadPanelWrap{animation:studentDownloadEnter .16s ease-out;position:absolute;right:0;top:calc(100% + 22px);transform-origin:top right;width:620px}.studentDownloadPanelWrap.is-card{animation:none;left:auto;right:0;top:0;transform-origin:top right;width:560px}.studentDownloadPanelWrap.is-card .studentDownloadMeta{display:none}.studentDownloadPanelWrap.is-card .studentDownloadPanel{backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);background:#ecf4ff75;background-image:none;border:1px solid #ffffffb3;box-shadow:0 16px 40px #1c2b451f;overflow:hidden;padding:8px}.studentDownloadPanelWrap.is-card .studentDownloadLayout{gap:8px;padding:0}.studentDownloadPanelWrap.is-card .studentDownloadCard{background:#ffffffb8;border:1px solid #ffffffdb;box-shadow:none;padding:12px 12px 14px}.studentDownloadPanelWrap.is-card .studentQrPlaceholder{margin-top:8px;min-height:148px;padding:6px 0 2px}.studentDownloadPanelWrap.is-card .studentQrPlaceholder svg{height:128px;width:128px}.studentDownloadPanelWrap.is-card .studentDownloadCard p{-webkit-line-clamp:2;margin-left:36px}.studentDownloadPanelArrow{background:#fff;border:1px solid #fff;border-radius:2px;height:12px;pointer-events:none;position:absolute;right:48px;top:-6px;transform:rotate(45deg);width:12px;z-index:0}.studentDownloadPanel{background:#fff;background-image:linear-gradient(165deg,#fff,#f7f9ff);border:1px solid #fff;border-radius:20px;box-shadow:0 20px 48px #1c2b451f;color:#000000e0;cursor:default;overflow:hidden;padding:6px;position:relative;width:100%;z-index:1}.studentDownloadPanel::selection{background:#486ff02e}.studentDownloadHeader{align-items:flex-start;display:flex;justify-content:space-between;padding:14px 16px 12px}.studentDownloadTitle{color:#162033;font-size:16px;font-weight:600;letter-spacing:.1px;line-height:22px}.studentDownloadSubtitle{color:#16203380;font-size:12px;line-height:18px;margin-top:4px}.studentDownloadClose{align-items:center;background:#ffffff61;border:1px solid #ffffff80;border-radius:50%;color:#1620336b;cursor:pointer;display:flex;flex:0 0 auto;height:38px;justify-content:center;margin:-5px -5px 0 0;padding:0;transition:color .16s ease,background-color .16s ease;width:38px}.studentDownloadClose:hover{background:#fffc;color:#162033c7}.studentDownloadClose svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;height:20px;width:20px}.studentDownloadLayout{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:0 10px 10px}.studentDownloadCard{background:#f6f8fd;border:1px solid #24385c0f;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffe0;display:flex;flex-direction:column;min-width:0;padding:14px 14px 16px}.studentCardHeader{flex:0 0 auto;gap:8px;justify-content:space-between;min-height:28px}.studentCardHeader,.studentCardTitle{align-items:center;display:flex;min-width:0}.studentCardTitle{color:#172239;font-size:14px;font-weight:600;line-height:20px;margin:0}.studentCardTitle>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studentCardTitleIcon{align-items:center;background:#3970e81a;border-radius:8px;color:#3970e8;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;margin-right:8px;width:28px}.studentCardTitleIcon svg{fill:currentColor;stroke:none;height:15px;width:15px}.studentDownloadCard-android-pad .studentCardTitleIcon svg{height:14px;width:14px}.studentDownloadCard p{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#17223975;display:-webkit-box;font-size:12px;line-height:18px;margin:6px 0 0 36px;overflow:hidden}.studentDownloadMeta{align-items:center;color:#17223947;display:flex;font-size:11px;gap:0;grid-column:1/-1;justify-content:center;letter-spacing:.2px;line-height:18px;padding:2px 0}.studentDownloadMeta>span+span:before{content:"·";margin:0 8px;opacity:.6}.studentQrPlaceholder{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin-top:12px;min-height:188px;padding:10px 0 4px;width:100%}.studentQrPlaceholder svg{fill:#121b2c;flex:0 0 auto;height:168px;width:168px}.studentQrMissing{align-items:center;background:#cf13220f;border:1px dashed #a8071a61;border-radius:10px;box-sizing:border-box;color:#a8071a;display:flex;flex:1 1 auto;flex-direction:column;gap:4px;justify-content:center;margin-top:12px;min-height:188px;padding:16px 12px;text-align:center;width:100%}.studentDownloadPanelWrap.is-card .studentQrMissing{margin-top:8px;min-height:148px;padding:12px 8px 8px}.studentQrMissingIcon{align-items:center;display:inline-flex;height:22px;justify-content:center;margin-bottom:2px;width:22px}.studentQrMissingIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:22px;width:22px}.studentQrMissing strong{font-size:13px;font-weight:600;line-height:20px}.studentQrMissingDetail{color:#a8071ad1;font-size:12px;line-height:18px}.studentAndroidButton{align-items:center;background:#fff;border:0;border-radius:999px;box-shadow:0 0 0 1px #3970e829;color:#3970e8;cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:inherit;font-size:12px;font-weight:500;height:24px;justify-content:center;line-height:18px;padding:0 8px 0 6px;text-decoration:none;transition:background .16s ease,box-shadow .16s ease,color .16s ease;white-space:nowrap}.studentAndroidButton:hover{background:#3970e814;box-shadow:0 0 0 1px #3970e847;color:#2f62d6}.studentAndroidButton:disabled{background:#1722390a;box-shadow:0 0 0 1px #17223914;color:#17223959;cursor:not-allowed}.studentAndroidButtonIcon{align-items:center;display:inline-flex;height:13px;justify-content:center;margin-right:3px;width:13px}.studentAndroidButtonIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;height:13px;width:13px}@keyframes studentDownloadEnter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.studentDownloadPanelWrap{animation:none}}.rootContent{position:relative;width:100%;z-index:10}.banner{margin-top:64px;position:relative;z-index:2}.bannertitle{color:#000000e0;font-size:68px;margin-bottom:24px;margin-top:104px}.bannersubtitle,.bannertitle{font-style:normal;font-weight:500;line-height:normal;text-align:center}.bannersubtitle{color:#000000a6;font-size:28px;margin-bottom:80px;opacity:.65}.bannercontent{display:flex;flex-direction:column;height:526px;margin-bottom:196px;overflow:visible;padding-bottom:60px;position:relative}.bannerbackground{min-width:1264px;overflow:hidden;position:absolute;z-index:-1}.bannerbackground,.bannerbackground img{height:526px;width:100%}.downloadContent{grid-gap:20px;bottom:-92px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));justify-content:center;left:0;margin:0 auto;max-width:1264px;position:absolute;right:0;width:100%;z-index:20}.downloadContent>.downloadItem,.downloadContent>.padDownloadWrap{min-width:0}.downloadItem{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 4px 0 #0000001f;color:#000000e0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:252px;min-width:0;padding:36px 14px 28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:auto}.downloadItem:hover{border-color:#486ff01f;box-shadow:0 12px 28px #1c2b4524;transform:translateY(-6px)}.padDownloadWrap{display:flex;position:relative;z-index:1}.padDownloadWrap:hover{z-index:8}.padDownloadWrap:hover .downloadItem{border-color:#486ff01f;box-shadow:0 12px 28px #1c2b4524;transform:translateY(-6px)}.padDownloadWrap .studentDownloadPanelWrap.is-card{animation:none;opacity:0;pointer-events:none;top:0;transform:none;transition:opacity .18s ease,top .2s ease,visibility 0s linear .18s;visibility:hidden}.padDownloadWrap:hover .studentDownloadPanelWrap.is-card{opacity:1;pointer-events:auto;top:-6px;transition:opacity .18s ease,top .2s ease,visibility 0s linear;visibility:visible}.padDownloadWrap .downloadItem{width:100%}.padDownloadItem{cursor:default;overflow:hidden;position:relative}.padQrHint{height:56px;line-height:0;pointer-events:none;position:absolute;right:0;top:0;width:56px;z-index:1}.padQrHint svg{display:block;height:100%;width:100%}.padDownloadLogo{align-items:center;display:inline-flex;justify-content:center}.padDownloadLogo svg{display:block;height:64px;width:64px}.downloadteacher{margin-right:20px}.downloadLogo{height:64px;margin-bottom:18px;max-width:100%;object-fit:contain}.systemName{font-size:16px;font-weight:600}.downloadDes{align-items:center;display:flex;flex-direction:column;font-size:13px;height:auto;line-height:20px;margin-block:6px;min-height:42px;text-align:center}.versionInfo{color:#999;font-size:14px;line-height:22px}.hardwareRequirements{color:#1677ff;cursor:pointer;display:inline;font-size:13px;font-style:normal;font-weight:400;line-height:22px;margin-left:0;text-decoration-line:underline}.trcontent{padding-bottom:60px;position:relative;z-index:0}.trcontent .content{margin:0 auto;padding-left:32px;padding-right:32px;width:1264px}.trtitle{color:#000000e0;font-size:44px;font-weight:600;line-height:normal;margin-bottom:16px;text-align:center}.trnote,.trtitle{font-style:normal}.trnote{color:#000000a6;font-size:18px;font-weight:400;line-height:32px;margin-bottom:56px;text-align:justify}.lessoncontent{background:#f6faff;min-width:1264px;padding-bottom:80px;padding-top:80px}.lessoncontent .content{margin:0 auto;padding-left:32px;padding-right:32px;width:1264px}.lessoncontent .lessontitle{color:#000000e0;font-size:44px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:16px;text-align:center}.lessoncontent .lessonnote{color:#000000a6;font-size:18px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:56px;text-align:justify}.lessonpic,.trpic{pointer-events:none;text-align:center}.header{background-color:#fff;border-bottom:1px solid #0000001f;height:64px;left:0;position:fixed;top:0;transform-origin:0 0;width:100%;z-index:999}.header .content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;padding-left:32px;padding-right:32px;width:1264px}.header .headerleft{pointer-events:none}.header .tomanage{background:#e6f4ff;border-radius:4px;border-radius:var(--CornerRadius-SM,4px);color:#0168ff;cursor:pointer;font-size:12px;font-style:normal;font-weight:700;height:40px;justify-content:center;line-height:18px;text-decoration-line:underline;width:80px}.header .tomanage,.topRight{align-items:center;display:flex}.topRight{position:relative}.topRight .jumpLink{align-items:center;background-color:#f0f5ff;border:0;border-radius:4px;color:#486ff0;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:18px;margin:0 5px;min-width:80px;padding:0 8px;text-decoration:none;transition:color .16s ease,background-color .16s ease}.topRight .jumpLink.active,.topRight .jumpLink:hover{background-color:#e6efff;color:#2457e6}.topRight .jumpLink:focus{outline:none}.topRight .jumpLink:focus-visible{outline:2px solid #486ff073;outline-offset:2px}