:root{--primary-color:#fb4643;--secondary-color:#ffc8c7;--bg-color:#f5f7fa;--control-bg:#fff;--border-color:#e8e8e8;--text-color:#333;--text-secondary:#666;--shadow:0 2px 8px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--text-color);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;touch-action:manipulation;width:100%}.record-container,body{background-color:#f5f7fa;background-color:var(--bg-color)}.record-container{display:flex;flex-direction:column;position:relative}.record-container.landscape{height:100vh}.content-area{overflow:hidden;position:relative;width:100%}.content-area,.landscape-layout{display:flex;flex:1 1;height:100%}.landscape-layout{gap:10px;padding:10px}.landscape-layout .whiteboard-section{align-items:center;display:flex;flex:8 1;justify-content:center}.landscape-layout .media-section{display:flex;flex:3 1;flex-direction:column}.landscape-layout .video-container{background-color:#000;border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden}.teacher-container{align-items:center;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center}.portrait-layout .teacher-container,.portrait-layout .teacher-container .video-player-container{border-radius:8px}.video-player-container{aspect-ratio:16/9;background-color:#fff;border-color:#000;max-height:300px;padding-bottom:56.25%;position:relative;width:100%}.landscape-layout .video-player-container video,.video-player-container{border-radius:8px 8px 0 0}.portrait-layout .video-player-container video{border-radius:8px}.landscape-layout .discussion-container{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;flex:1 1;overflow:hidden}.portrait-layout{display:flex;flex:1 1;flex-direction:column;gap:3px;height:100%;padding:10px}.portrait-layout .whiteboard-section{align-items:center;border-radius:8px;display:flex;flex:8 1;justify-content:center}.portrait-layout .discussion-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);height:566px;overflow:hidden}.portrait-layout .discussion-section .discussion-list{flex:none;height:300px}.control-bar{background-color:#fff;background-color:var(--control-bg);border-top:1px solid #e8e8e8;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000000d;height:80px;padding:10px 15px;z-index:10}.control-bar,.control-btn{display:flex;flex-direction:column}.control-btn{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:5px 15px;transition:all .2s}.control-btn:hover{color:#fb4643;color:var(--primary-color)}.control-btn span{margin-top:3px}.play-btn{align-items:center;background-color:#fb4643;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #faa5ac66;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin:0 16px;outline:none;transition:all .2s;width:50px}.play-btn:hover{background-color:#ffc8c7;background-color:var(--secondary-color)}.play-btn:active{transform:scale(.95)}.current-time,.duration{color:#fff;font-size:14px;min-width:50px;text-align:center}.progress-bar{background-color:#e8e8e8;border-radius:3px;flex:1 1;height:6px;margin:0 10px}.progress-fill{border-radius:3px}.progress-fill,.progress-thumb{background-color:#fb4643;background-color:var(--primary-color)}.progress-thumb{box-shadow:0 2px 4px #0003;height:16px;right:0;transform:translate(50%,-50%);width:16px}.whiteboard-container{background-color:#f5f5f5;padding-top:75%;position:relative;width:100%}.whiteboard-canvas{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.discussion-panel{display:flex;flex-direction:column;height:100%;width:100%}.discussion-header{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-color);border-top:1px solid #e8e8e8;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px}.discussion-header h3{color:#333;color:var(--text-color);font-size:16px}.discussion-list{flex:1 1;overflow-y:auto;padding:10px 15px;scroll-behavior:smooth}.discussion-item{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:15px}.discussion-author{align-items:center;display:flex;margin-bottom:8px}.discussion-author img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.discussion-author div{display:flex;flex-direction:column}.discussion-time{color:#666;color:var(--text-secondary);font-size:12px}.discussion-content{line-height:1.5}.highlight{background-color:#e6f7ff;border-color:#91d5ff}.back-to-live{padding:10px;text-align:center}.back-to-live button{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.discussion-panel .chat-emoji-image{height:20px;width:20px}.discussion-panel .chat-image{max-height:80px;max-width:80px}.time-divider{color:#999;margin:8px 0;text-align:center}.time-divider-text{border-radius:12px;color:#666;display:inline-block;font-size:12px;padding:2px 8px}.discussion-item{margin:4px 0}.discussion-author strong{color:#333;font-size:14px}.discussion-content{background:#f5f5f5;border-radius:8px;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;margin-top:4px;padding:8px 12px;word-break:break-word}.back-to-live-btn{align-self:center;background:#007bff;border:none;border-radius:15px;bottom:10px;box-shadow:0 2px 4px #0003;font-size:12px;position:sticky}.back-to-live-btn,.speed-btn{color:#fff;cursor:pointer;padding:6px 12px}.speed-btn{align-items:center;background:#fb4643;background:var(--primary-color);border:none;border-radius:20px;display:flex;font-size:14px;transition:background-color .2s}.speed-btn:hover{background-color:#ffc8c7;background-color:var(--secondary-color)}.speed-btn span{margin-bottom:2px;margin-left:6px}.speed-option{display:block;font-size:14px;padding:6px 12px;text-align:left;transition:background-color .2s;width:100%}.speed-option:hover{background-color:#f0f7ff}.speed-option.active{background-color:#e6f7ff;color:#fb4643;color:var(--primary-color);font-weight:700}.playback-rate{color:#666;color:var(--text-secondary);font-size:14px;margin-left:10px;min-width:70px;text-align:center}.video-info{align-items:center;display:flex;gap:8px}.rate-badge{background:#ffffff4d;border-radius:4px;font-size:12px;padding:2px 6px}.player-controls.mobile{background-color:#000000b3;bottom:0;box-sizing:border-box;color:#fff;left:0;margin:0;padding:10px 10px 34px;position:fixed;text-align:center;width:100vw;z-index:1000}.media-controller{display:flex;flex-shrink:0}.record-container.landscape .media-controller,.record-container.landscape .progress-container,.record-container.landscape .right-controls{margin:0 24px}.player-controls.mobile{gap:12px}.player-controls{background:#000000a8;border-radius:8px;display:flex;flex-direction:column;padding:8px;transition:transform .3s ease,opacity .3s ease;z-index:10}.player-controls.pc{bottom:20px;left:50%;max-width:900px;position:fixed;transform:translateX(-50%);width:90%}.player-controls.pc.hidden{opacity:0;pointer-events:none}.main-controls{align-items:center;display:flex;width:100%}.progress-container{align-items:center;display:flex;flex-grow:1;gap:10px;min-width:0;padding-right:6px}.progress-bar{background:#888;cursor:pointer;flex-grow:1;height:8px}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{background:#fb4643;height:100%}.progress-thumb{background:#fff;border-radius:50%;box-shadow:0 0 5px #00000080;height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px}.offset-marker{height:100%;position:absolute;top:0;width:2px}.audio-marker{background:#1e90ff}.video-marker{background:#ff4500}.control-btn,.play-btn,.speed-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background .2s}.play-btn{background:#fb4643;height:40px;width:40px}.play-btn:hover{background:#fb4643;transform:scale(1.05)}.control-btn:hover,.speed-btn:hover{background:#ffffff1a}.control-btn span{font-size:.7rem;margin-left:4px}.right-controls{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.vertical-volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;margin-top:-8px;width:16px}.vertical-volume-slider::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:16px;margin-top:-8px;width:16px}.vertical-volume-slider::-moz-focusring{outline:none}.vertical-volume-slider::-webkit-slider-runnable-track{background:#0000;border:none;border-radius:0;height:100px;width:6px}.vertical-volume-slider::-moz-range-track{background:#0000;border:none;border-radius:0;height:100px;width:6px}.speed-control{flex-shrink:0;margin-left:16px;position:relative}.speed-menu{background:#000000d9;border-radius:4px;bottom:100%;display:flex;flex-direction:column;left:50%;min-width:80px;padding:5px 0;position:absolute;transform:translateX(-50%);z-index:20}.speed-option{background:none;border:none;color:#fff;cursor:pointer;padding:8px 12px;text-align:center}.speed-option.active,.speed-option:hover{background:#333}.offset-info{color:#aaa;display:flex;font-size:.8rem;justify-content:space-between;padding:0 5px}.media-ready-loading-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:9999}.teacher-info{height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.teacher-info.visible{opacity:1;z-index:2}.teacher-info.hidden{opacity:0;pointer-events:none;z-index:1}.teacher-info .teacher-bg{height:100%;left:0;position:absolute;top:0;width:100%}.teacher-info .teacher-blur-img{filter:blur(5px);height:100%;object-fit:cover;width:100%}.teacher-info .teacher-content{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.teacher-info .teacher-avatar{border:.2vw solid #fff;border-radius:50%;box-shadow:0 .2vh 1vw #0003;height:5vw;margin-bottom:.5vw;overflow:hidden;width:5vw}.teacher-info .teacher-avatar img{height:100%;object-fit:cover;vertical-align:top;width:100%}.teacher-info .teacher-name{color:#fff;font-size:clamp(1.1vw,1.1vw,16px);font-weight:400;line-height:1.5;padding:5px 10px}.record-info-container{align-items:center;display:block;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;gap:8px;justify-content:center;padding:8px 16px;text-align:center}.record-info-container .course-info{color:#fff;font-weight:500}.record-info-container .time-info{color:#fff;font-size:13px}span.time-info{margin-left:8px}@media (max-width:1024px) and (orientation:portrait){.main-controls{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative;width:100%}.main-controls:before{content:"";position:absolute;right:0;visibility:hidden;width:fit-content}.media-controller{align-items:center;display:flex;gap:12px;z-index:1}.right-controls{align-items:center;display:flex;padding-right:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}.control-btn,.play-btn,.speed-btn{padding:1px}}@media (max-width:768px){.control-bar{height:70px;padding:8px 10px}.play-btn{height:42px;margin:0 15px;width:42px}.control-btn{font-size:11px;padding:5px 10px}.current-time,.duration{font-size:12px;min-width:40px}.play-btn{height:36px;width:36px}.control-btn span{display:none}.offset-info{flex-direction:column;font-size:.7rem;gap:5px}.speed-btn span{font-size:.8rem}}@media (max-width:480px){.landscape-layout,.portrait-layout{gap:2px;padding:8px}.play-btn{height:38px;margin:0 10px;width:38px}.control-btn span{display:none}.current-time,.duration{font-size:.8rem}.progress-container{gap:5px}.record-info-container .time-info{font-size:12px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.video-player-container{max-height:200px;padding-bottom:36%;width:56.25%}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.video-player-container{max-height:300px;padding-bottom:56.25%;width:100%}}.volume-control{align-items:center;cursor:pointer;display:inline-flex;position:relative}.volume-icon{align-items:center;color:#fff;display:flex;height:18px;justify-content:center;transition:color .2s ease;width:18px}.volume-icon svg,.volume-icon:active,.volume-icon:hover{color:#fff}.volume-icon.muted{color:#999}.volume-slider-container{align-items:center;background:#000000d9;border-radius:6px;bottom:100%;box-sizing:border-box;display:flex;flex-direction:column;height:136px;justify-content:flex-start;left:50%;margin-bottom:8px;opacity:0;padding:8px 0 4px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:50px;z-index:1000}.volume-slider-container.show{opacity:1;pointer-events:auto;visibility:visible}.volume-display{border-radius:3px;color:#fff;font-size:12px;font-weight:700;margin-bottom:4px;min-height:16px;padding:0 6px}.volume-slider{align-items:center;display:flex;height:96px;justify-content:center;width:20px}.volume-track{background-color:#333;border-radius:3px;box-shadow:inset 0 0 2px #fff3;height:100%;overflow:hidden;position:relative;width:6px}.volume-fill{background-color:#e50000;border-radius:3px 3px 0 0;bottom:0;box-shadow:inset 0 1px 2px #ffffff4d;left:0;position:absolute;transition:height .1s ease;width:100%}@media (max-width:768px){.volume-icon svg{height:22px;width:22px}.volume-slider-container{height:110px;margin-bottom:6px;padding:6px 0 3px;width:46px}.volume-display{font-size:11px;margin-bottom:3px;padding:0 5px}.volume-slider{height:75px}.volume-track{border-radius:2.5px;width:5px}}.volume-control-mobile{align-items:center;display:flex;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:12px;-webkit-user-select:none;user-select:none}.volume-control-mobile-disabled{cursor:not-allowed;opacity:.5}.volume-control-mobile-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:4px;transition:background-color .2s;width:36px}.volume-control-mobile-icon svg{color:#fff}.volume-control-mobile-icon:hover:not(:disabled){background-color:#0000001a}.volume-control-mobile-icon:active:not(:disabled){transform:scale(.95)}.volume-control-mobile-icon:disabled{cursor:not-allowed}.volume-control-mobile-slider-container{flex:1 1;min-width:68px}.volume-control-mobile-slider{background-color:#e0e0e0;border-radius:3px;cursor:pointer;height:6px;overflow:hidden;position:relative}.volume-control-mobile-slider:hover{background-color:#d0d0d0}.volume-control-mobile-track{background-color:#fb4643;border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.volume-control-mobile-slider:hover .volume-control-mobile-track{background-color:#fb4643}.volume-control-mobile-percentage{color:#fff;font-size:14px;min-width:40px;text-align:right}.volume-control-mobile-slider:focus{outline-offset:2px}@media (max-width:480px){.volume-control-mobile{gap:8px}.volume-control-mobile-icon{font-size:18px;height:32px;width:32px}.volume-control-mobile-percentage{font-size:12px}}.loading-container{align-items:center;background-color:#fff;display:flex;font-family:Noto Sans SC,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10000}.loading-content{max-width:800px;position:relative;text-align:center;width:90%;z-index:2}.loading-header{margin-bottom:50px}.loading-logo,.loading-logo img{color:#e74c3c;font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:15px}.loading-logo img{height:100px;width:321px}.loading-title{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px}.loading-subtitle{color:#7f8c8d;font-size:18px}.loading-progress-container{height:30px;margin:20px 0 100px;position:relative;width:100%}.loading-progress-track{background:#f0f0f0;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;height:12px;left:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}.loading-progress-bar{background:#e74c3c;border-radius:10px;height:100%;position:relative;transition:width .2s ease}.loading-progress-glow{animation:loading-glow 2s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes loading-glow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-cartoon{height:150px;position:absolute;top:-70px;transform:translateX(-50%);transition:left .2s ease;width:100px;z-index:10}.loading-cartoon-head{background:#3498db;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:70px;top:0;width:70px;z-index:2}.loading-cartoon-face,.loading-cartoon-head{left:50%;position:absolute;transform:translateX(-50%)}.loading-cartoon-face{top:20px;width:40px}.loading-cartoon-eye{background:#fff;border-radius:50%;height:10px;position:absolute;top:0;width:10px}.loading-cartoon-eye:first-child{left:0}.loading-cartoon-eye:last-child{right:0}.loading-cartoon-mouth{background:#e74c3c;border-radius:0 0 10px 10px;height:8px;top:20px;width:20px}.loading-cartoon-body,.loading-cartoon-mouth{left:50%;position:absolute;transform:translateX(-50%)}.loading-cartoon-body{background:#3498db;border-radius:15px;height:60px;top:60px;width:60px;z-index:1}.loading-cartoon-book{background:#e74c3c;border-radius:5px;box-shadow:3px 3px 5px #0003;height:40px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:30px}.loading-cartoon-leg{animation:loading-leg .6s infinite alternate;background:#2980b9;height:35px;position:absolute;top:115px;width:15px;z-index:0}.loading-cartoon-leg-left{animation-delay:0s;left:30px}.loading-cartoon-leg-right{animation-delay:.3s;left:55px}@keyframes loading-leg{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}.loading-cartoon-arm{animation:loading-arm .8s infinite alternate;background:#2980b9;height:40px;position:absolute;top:70px;width:10px;z-index:0}.loading-cartoon-arm-left{animation-delay:.4s;left:15px;transform-origin:top center}.loading-cartoon-arm-right{animation-delay:.2s;left:75px;transform-origin:top center}@keyframes loading-arm{0%{transform:rotate(0deg)}to{transform:rotate(-30deg)}}.loading-quote-container{background:#e74c3c1a;border-radius:15px;margin:50px 0;overflow:hidden;padding:25px;position:relative}.loading-quote{color:#2c3e50;font-size:22px;font-style:italic;font-weight:500;height:60px;margin-bottom:10px;transition:opacity .5s ease}.loading-quote-author{color:#e74c3c;font-size:16px;font-weight:600}.loading-progress-info{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.loading-progress-percent{color:#e74c3c;font-size:42px;font-weight:800}.loading-progress-error{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.loading-progress-error span{color:#e74c3c;font-size:18px;font-weight:600}.loading-progress-text{color:#7f8c8d;font-size:18px}.loading-globe{animation:loading-spin 20s linear infinite;border:3px solid #e74c3c1a;border-radius:50%;height:200px;position:absolute;right:-100px;top:50%;width:200px;z-index:1}.loading-globe-inner{border:2px dashed #e74c3c33;border-radius:50%;height:180px;width:180px}.loading-globe-inner,.loading-globe-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-globe-ring{border:1px solid #e74c3c0d;border-radius:50%;height:220px;width:220px}@keyframes loading-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.loading-background-elements{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-bg-circle{background:#e74c3c0d;border-radius:50%;position:absolute}.loading-bg-circle-1{height:300px;left:10%;top:10%;width:300px}.loading-bg-circle-2{bottom:20%;height:200px;right:15%;width:200px}.loading-bg-circle-3{height:150px;right:25%;top:40%;width:150px}.loading-bg-element{color:#e74c3c08;font-size:120px;font-weight:700;position:absolute;transform:rotate(45deg)}.loading-bg-element-1{left:5%;top:15%}.loading-bg-element-2{bottom:10%;right:5%}.loading-bg-element-3{right:10%;top:25%}.loading-bg-element-4{bottom:30%;left:15%}.loading-progress-animation{align-items:center;display:flex;justify-content:center;width:100%}@media (max-height:660px){.loading-background-elements,.loading-globe,.loading-header,.loading-quote-container{display:none}}.loading-animation-box{border:1px solid #ffffff1a;border-radius:12px;height:100px;overflow:hidden;padding:10px;position:relative;width:290px}.loading-animation-icons-container{bottom:10px;height:40px;left:10px;position:absolute;right:10px}.loading-animation-icon{align-items:center;border-radius:50%;bottom:0;display:flex;height:40px;justify-content:center;position:absolute;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);width:40px}.loading-animation-icon img{height:40px;width:40px}.loading-animation-moving{box-shadow:0 0 15px #ffffffb3;z-index:10}.loading-animation-hit-effect{animation:loading-animation-hitShake .3s ease}@keyframes loading-animation-hitShake{0%,to{transform:translateY(0)}50%{transform:translateY(10px) scaleX(1.2) scaleY(.8)}}.cache-loading-media-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.cache-loading-loading-spinner{animation:cache-loading-spin 1s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top:4px solid #fb4643;height:50px;margin-bottom:20px;width:50px}.cache-loading-loading-text{color:#fb4643;font-size:1rem}@keyframes cache-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cache-loading-no-interaction{pointer-events:none;-webkit-user-select:none;user-select:none}.cache-loading-no-interaction a,.cache-loading-no-interaction button,.cache-loading-no-interaction input,.cache-loading-no-interaction select,.cache-loading-no-interaction textarea{pointer-events:none}.guide-wrap{background:#000c;height:100%;position:fixed;top:0;width:100%;z-index:9999}.guide-wrap .guide-step-content{padding:clamp(35px,9.33vw,70px) clamp(35px,9.33vw,70px) 0;position:relative;top:clamp(16px,3.67vw,50px)}.guide-wrap .guide-top-arr{position:absolute;right:clamp(10px,2.67vw,20px);top:0;width:clamp(115px,30.67vw,230px)}.guide-wrap .guide-step{position:relative;width:100%}.guide-step-content img{max-width:100%}.guide-step1{margin-bottom:clamp(62px,16.67vw,125px)}.guide-step1 img{width:clamp(222px,59.33vw,445px)}.guide-step2{margin-bottom:clamp(90px,24vw,180px);text-align:right}.guide-step2 img{text-align:right;width:clamp(180px,48vw,360px)}.guide-step3{margin-bottom:clamp(10px,9vw,50px)}.guide-step3 img{width:clamp(233px,60vw,539px)}.guide-step-content.style2 .guide-unlock{left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:clamp(200px,53.33vw,400px)}.guide-unlock img{margin-bottom:clamp(50px,13.33vw,100px)}.guide-wrap .guide-close-btn{border:clamp(1px,.27vw,2px) solid #fff;border-radius:clamp(20px,5.33vw,40px);color:#fff;display:block;font-size:clamp(16px,4.27vw,32px);height:clamp(40px,10.67vw,80px);line-height:clamp(40px,10.67vw,80px);margin:0 auto;text-align:center;text-decoration:none;width:clamp(148px,36.67vw,248px)}@media screen and (max-height:800px){.guide-step-content img{max-width:70%}}@media screen and (min-height:1024px){.guide-step-content img{max-width:52%}.guide-step1{margin-bottom:clamp(35px,11.33vw,90px)}.guide-step2,.guide-step3{margin-bottom:clamp(25px,9vw,80px)}}@media screen and (min-height:1180px){.guide-step-content img{max-width:67%}}
/*# sourceMappingURL=main.502ea51f.css.map*/