:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:100vh;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-page-background{position:relative;height:100vh;width:100vw;background:url(/steadystar/images/login_back.jpg) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.logo-container{position:absolute;top:60px;left:60px}.logo-image{height:clamp(60px,10vw,120px);width:auto}.help-icon{position:absolute;top:20px;right:20px;cursor:pointer}.exit-button-container{position:absolute;bottom:20px;right:20px}.exit-btn{background-color:#ff4d4f;border-color:#ff4d4f;box-shadow:0 4px #b71c1c;height:50px;padding:0 30px;font-size:18px;border-radius:25px}.main-content{text-align:center;z-index:10}.app-title{color:#fff!important;font-size:clamp(32px,6vw,72px)!important;margin-bottom:clamp(40px,8vw,100px)!important;text-shadow:2px 2px 8px rgba(0,0,0,.2);letter-spacing:2px}.login-card{background:#fff;width:min(420px,85vw);padding:clamp(20px,4vw,36px);border-radius:clamp(16px,3vw,30px);border:clamp(4px,.6vw,8px) solid #8bc34a;box-shadow:0 10px 25px #0000001a;margin:0 auto;position:relative}.login-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px;padding:0 10px}.custom-input{border-radius:8px;border:2px solid #8bc34a;padding:10px}.custom-input:hover,.custom-input:focus{border-color:#689f38;box-shadow:none}.ant-checkbox-wrapper{font-size:16px;color:#795548}.login-form-button{width:150px;height:50px;border-radius:25px;background-color:#8bc34a;border-color:#8bc34a;font-size:20px;font-weight:700;letter-spacing:5px;box-shadow:0 4px 10px #8bc34a66}.login-form-button:hover{background-color:#7cb342!important;border-color:#7cb342!important}.agreement-line{text-align:center;font-size:12px;color:#999}.agreement-line a{color:#8bc34a}.code-btn{height:48px;border-radius:8px;border-color:#8bc34a;color:#8bc34a;font-weight:700}.code-btn:hover,.code-btn:focus{color:#fff;background-color:#8bc34a;border-color:#8bc34a}.code-btn[disabled]{background-color:#f5f5f5;color:#ccc;border-color:#d9d9d9}@media(max-width:768px){.logo-container{top:20px;left:20px}.app-title{font-size:clamp(24px,5vw,36px)!important;margin-bottom:30px!important}.login-card{padding:20px}.login-form-button{width:120px;height:40px;font-size:16px}.exit-btn{height:40px;padding:0 20px;font-size:14px}}.lesson-container{height:100vh;width:100vw;background-color:#f0f8f0;background-image:url(/steadystar/images/mushroom.png);background-size:cover;background-position:right;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-end}.lesson-card-frame{width:100%;max-width:800px;height:80vh;border-radius:16px;box-shadow:0 8px 32px #0000001a;position:relative;overflow:visible;margin-right:80px;background-color:#32cd32;display:flex;flex-flow:row;justify-content:right;padding:20px;box-sizing:border-box}.lesson-title-button-group{padding:10px}.lesson-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-bottom:16px;text-align:center}.lesson-button-group{display:flex;flex-flow:column;z-index:10;position:relative;left:-40px}.course-title-btn{height:80px;background-image:url(/steadystar/images/course.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.course-title-btn.active{width:155%;background-image:url(/steadystar/images/course_selected.png)}.course-title-btn:not(.active){width:135%}.training-record-btn{height:80px;background-image:url(/steadystar/images/course.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.training-record-btn.active{width:155%;background-image:url(/steadystar/images/course_selected.png)}.training-record-btn:not(.active){width:135%}.quit-btn{position:absolute!important;border-radius:25px;top:20px!important;left:20px!important;background-color:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.6)!important;font-size:16px!important;padding:12px 24px!important;height:auto!important;z-index:100!important}.lesson-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;margin-left:10%;flex:4;height:100%;display:flex;flex-direction:column}.ant-card-body{padding:0!important;height:100%!important}.lesson-content{flex:1;overflow-y:auto;padding:16px}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:4px;transition:all .2s ease}.lesson-item.current{background-color:#f5f5f5}.lesson-item.locked{cursor:not-allowed;opacity:.6}.lesson-text{flex:1;font-size:16px;color:#555}.lesson-text.current{font-weight:600}.lesson-text.locked{color:#999}.status-icon{width:24px;height:24px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.status-icon.completed{background-color:#4caf50}.status-icon.current{background-color:#2196f3}.status-icon.locked{background-color:#ccc;color:#999}.legend{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.legend-icon{width:20px;height:20px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:8px}.legend-icon.completed{background-color:#4caf50}.legend-icon.current{background-color:#2196f3}.legend-icon.locked{background-color:#ccc;color:#999}.legend-text{font-size:14px;color:#777}.records-view{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.records-list{padding:0}.records-header{display:flex;align-items:center;padding:10px 16px;background-color:#fafafa;border-bottom:1px solid #e8e8e8;font-size:13px;font-weight:600;color:#666}.records-header-name{flex:1}.records-header-time{width:140px;text-align:center}.records-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background .2s;cursor:pointer}.records-item:last-child{border-bottom:none}.records-item:hover{background-color:#fafafa}.records-item-name{flex:1;font-size:15px;color:#333;font-weight:500}.records-item-time{width:140px;text-align:center;font-size:13px;color:#999;white-space:nowrap}.records-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #f0f0f0}.pagination-btn{font-size:13px!important}.pagination-info{font-size:13px;color:#666}.training-container{min-height:100vh;min-width:100vw;background-image:url(/steadystar/images/theme1.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column}.training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-btn{position:absolute!important;top:20px!important;left:20px!important;background:transparent!important;background-image:url(/steadystar/images/btn_rectc_normal.png)!important;background-size:auto!important;background-position:center!important;background-repeat:no-repeat!important;color:#fff!important;font-family:Source Han Sans CN,sans-serif!important;font-weight:700!important;font-size:24px!important;border:none!important;text-align:center!important;cursor:pointer!important;transition:all .2s ease!important;z-index:100!important;width:200px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important}.back-btn:hover{background-size:auto!important;background-image:url(/steadystar/images/btn_rectc_hover.png)!important}.back-btn:active{transform:scale(.95)!important}.training-content{flex:1;display:flex;flex-direction:column;align-items:center}.training-info{text-align:center;color:#fff}.training-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.training-description{font-size:1.2rem;opacity:.9;margin:0}.iframe-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;height:608px;width:1080px}.iframe-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;font-size:18px}.slide-down-enter{transform:translateY(-100%);opacity:0}.slide-down-enter-active{transform:translateY(0);opacity:1;transition:all .3s ease-out}.slide-down-leave{transform:translateY(0);opacity:1}.slide-down-leave-active{transform:translateY(-100%);opacity:0;transition:all .3s ease-in}.custom-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;animation:fade-in .3s ease-out}.custom-modal{background:transparent;background-image:url(/steadystar/images/course_popup.png);background-size:100%,100%;background-position:center;background-repeat:no-repeat;width:600px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:slide-down .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{text-align:center}.modal-title{font-family:Source Han Sans CN,sans-serif;font-weight:700;font-size:32px;margin:0 0 px 0;color:#000}.modal-text{text-align:left;margin:0 auto 24px;max-width:85%}.modal-text p{font-family:Microsoft YaHei,sans-serif;font-size:20px;line-height:1.5;color:#333;margin:0 auto}.continue-btn{display:block;width:60%;margin:0;background:transparent;background-image:url(/steadystar/images/btn_rectc_normal.png);background-size:auto;background-position:center;background-repeat:no-repeat;color:#fff;font-family:Source Han Sans CN,sans-serif;font-weight:700;font-size:24px;border:none;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;top:45px}.continue-btn:hover{background-size:auto;background-image:url(/steadystar/images/btn_rectc_hover.png)}.continue-btn:active{transform:scale(.95)}.end-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;animation:fade-in .3s ease-out}.end-modal{background:transparent;background-image:url(/steadystar/images/course_popup.png);background-size:100%,100%;background-position:center;background-repeat:no-repeat;width:600px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:slide-down .3s ease-out}.end-modal-title{font-family:Source Han Sans CN,sans-serif;font-weight:700;font-size:32px;margin:0 0 8px;color:#000;text-align:center}.end-modal-text{text-align:center;margin:0 auto 24px}.end-modal-text p{font-family:Microsoft YaHei,sans-serif;font-size:20px;line-height:1.5;color:#333;margin:0;white-space:nowrap}.end-modal-buttons{display:flex;gap:40px;position:relative;top:45px}.end-report-btn,.end-back-btn{display:block;width:150px;padding:15px 0;background:transparent;background-image:url(/steadystar/images/btn_rectc_normal.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;font-family:Source Han Sans CN,sans-serif;font-weight:700;font-size:24px;border:none;text-align:center;cursor:pointer;transition:all .2s ease;line-height:1}.end-report-btn:hover,.end-back-btn:hover{background-image:url(/steadystar/images/btn_rectc_hover.png)}.end-report-btn:active,.end-back-btn:active{transform:scale(.95)}.training-iframe-wrapper{width:auto;height:100%;border:8px solid #4caf50;border-radius:20px;display:flex;justify-content:center;align-items:center}.training-iframe{width:100%;height:100%;border:none}@media(max-width:768px){.training-container{padding:10px}.training-title{font-size:2rem}.training-description{font-size:1rem}.training-controls{flex-direction:column;align-items:center}.control-btn{width:100%;max-width:200px}.iframe-container{min-height:400px}}.agreement-page{height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;position:fixed;top:0;left:0}.agreement-container{width:100%;max-width:900px;max-height:calc(100vh - 150px);background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:40px;margin-top:20px;margin-bottom:20px;position:relative;overflow-y:auto}.back-btn{position:absolute;top:20px;left:20px;z-index:10}.agreement-content{margin:20px}.agreement-title{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #667eea}.agreement-notice{font-size:13px;color:#555;line-height:1.8;margin-bottom:12px;text-indent:2em}.agreement-part-title{font-size:20px;font-weight:700;color:#333;text-align:center;margin:36px 0 24px;padding:12px;background:#f0f2ff;border-radius:8px}.agreement-section{margin-bottom:24px}.agreement-section h3{font-size:16px;font-weight:700;color:#444;margin-bottom:12px;padding-left:10px;border-left:4px solid #667eea}.agreement-section p{font-size:13px;color:#666;line-height:1.8;margin-bottom:6px;padding-left:14px}