/* The two website QA panels are shared by the mini-program WebViews. */
.course-qa-panel,.lesson-qa-panel{font-size:14px;font-weight:400;line-height:1.5715;letter-spacing:normal;box-sizing:border-box}
.course-qa-panel{--qa-control-height:calc(1.5715em + 22px);font-family:"Microsoft YaHei",system-ui,sans-serif;color:#132238}
.lesson-qa-panel{font-family:"Microsoft YaHei",sans-serif;color:#cbd2dc}
.course-qa-panel *,.lesson-qa-panel *{box-sizing:border-box}
.course-qa-panel :is(button,input,select,textarea),.lesson-qa-panel :is(button,input,select,textarea){font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;margin:0}
.course-qa-panel label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
.course-qa-panel a{text-decoration:none}
.course-qa-panel .question-form{display:grid;gap:12px;padding:20px;border:1px solid #dce4ef;border-radius:14px;background:#f7f9fc;margin-bottom:24px}.course-qa-panel .question-form select,.course-qa-panel .question-form textarea,.course-qa-panel .answer-form input,.course-qa-panel .captcha-row input{width:100%;border:1px solid #ced7e3;border-radius:8px;padding:10px 12px;background:#fff}.course-qa-panel .question-form select{height:var(--qa-control-height);min-height:var(--qa-control-height)}.course-qa-panel .question-form textarea{min-height:120px;resize:vertical}.course-section .question-submit,.course-qa-panel .question-submit,.course-qa-panel .answer-submit{border:0;background:#2864dc;color:#fff;border-radius:8px;padding:10px 20px;font-weight:700}.course-qa-panel .question-message{color:#d9534f}.course-qa-panel .question-card{padding:20px 0;border-top:1px solid #e4e9f0}.course-qa-panel .question-card:first-of-type{border-top:0}.course-qa-panel .question-meta{font-size:13px;color:#7b899c;margin-bottom:8px}.course-qa-panel .question-content{font-size:16px;color:#26384f;line-height:1.8;white-space:pre-wrap}.course-qa-panel .answer-card{margin:12px 0 0 18px;padding:12px 15px;border-left:3px solid #5a8fe5;background:#f6f8fb}.course-qa-panel .answer-card.accepted{border-left-color:#32aa70}.course-qa-panel .answer-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0 0 18px}.course-qa-panel .captcha-row{display:flex;align-items:center;gap:8px}.course-qa-panel .captcha-row input{max-width:150px;height:var(--qa-control-height)}.course-qa-panel .captcha-image{width:100px;height:var(--qa-control-height);border-radius:6px;cursor:pointer;border:1px solid #d7dfea}.course-qa-panel .answer-form .captcha-row{grid-column:1/-1}.course-qa-panel .answer-form .answer-submit{grid-column:1/-1;justify-self:end}.course-qa-panel .answer-form .form-feedback-slot{grid-column:1/-1}.course-qa-panel .question-empty{padding:34px;text-align:center;color:#8290a3}.course-qa-panel .question-notice{padding:18px;border-radius:10px;background:#fff6df;color:#8a6010}@media(max-width:680px){.course-qa-panel .answer-form{grid-template-columns:1fr;margin-left:0}.course-qa-panel .answer-form .answer-submit{grid-column:1;grid-row:auto}.course-qa-panel .captcha-row{align-items:stretch}}.course-qa-panel .question-title-link{display:block;margin-bottom:7px;color:var(--member-blue,#2864dc);font-size:17px;font-weight:700}
.lesson-qa-panel .qa-question{margin-bottom:12px;padding:12px;border:1px solid #31455f;border-radius:9px;background:#192a42}.lesson-qa-panel .qa-question p{margin:5px 0;color:#c0cddd;line-height:1.55;white-space:pre-wrap}.lesson-qa-panel .qa-meta{color:#8195b0;font-size:11px}.lesson-qa-panel .qa-answer{margin-top:8px;padding:9px;border-left:3px solid #3d73ba;background:#132238}.lesson-qa-panel .qa-answer.accepted{border-left-color:#35b979}.lesson-qa-panel .qa-badge{float:right;color:#6fdaa1}.lesson-qa-panel .qa-form{--qa-captcha-height:calc(1.5715em + 20px);display:grid;gap:7px;margin:0 0 14px}.lesson-qa-panel .qa-lesson-context{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #31455f;border-radius:7px;background:#192a42;color:#8fa5c1;font-size:13px}.lesson-qa-panel .qa-lesson-context strong{min-width:0;color:#e8f0fb;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-qa-panel .qa-form input,.lesson-qa-panel .qa-form textarea{width:100%;padding:9px;border:1px solid #3b4e68;border-radius:7px;background:#0f1d30;color:#fff}.lesson-qa-panel .qa-form button{justify-self:start;border:0;border-radius:7px;background:#2868dd;color:#fff;padding:8px 13px}.lesson-qa-panel .qa-captcha{display:flex;gap:7px;align-items:center}.lesson-qa-panel .qa-captcha input{max-width:130px}.lesson-qa-panel .qa-captcha img{width:100px;height:var(--qa-captcha-height);border-radius:5px;cursor:pointer}.learn-pane .qa-empty,.lesson-qa-panel .qa-empty{padding:25px 6px;text-align:center;color:#8497b1}.lesson-qa-panel .answer-form{--qa-captcha-height:calc(1.5715em + 16px);display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}.lesson-qa-panel .answer-form input{min-width:0;padding:7px;border:1px solid #3b4e68;border-radius:6px;background:#0f1d30;color:#fff}.lesson-qa-panel .answer-form .qa-captcha,.lesson-qa-panel .answer-form .form-feedback-slot{grid-column:1/-1}.lesson-qa-panel .answer-form>button{grid-column:1/-1;justify-self:end}.lesson-qa-panel .answer-form button,.lesson-qa-panel .accept-answer{border:0;border-radius:6px;background:#315f9e;color:#fff;padding:6px 9px}.lesson-qa-panel .qa-status{color:#e3a643}
.course-qa-panel [data-qa-notice],.lesson-qa-panel [data-qa-notice]{margin:10px 0;font-size:14px}
.course-qa-panel .qa-captcha-frame,.lesson-qa-panel .qa-captcha-frame{position:relative;display:inline-flex;align-items:center;flex:none;line-height:0;vertical-align:middle}
.qa-captcha-frame .captcha-image{display:block}
.qa-captcha-frame.qa-captcha-pending .captcha-image{opacity:.35}
.qa-captcha-frame.qa-captcha-pending::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;box-sizing:border-box;border:2px solid #d5dfec;border-top-color:#2864dc;border-radius:50%;pointer-events:none;animation:qa-captcha-spin .8s linear infinite}
@keyframes qa-captcha-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.course-qa-panel .accept-answer{padding:1px 6px;border:2px outset ButtonBorder;border-radius:0;background:ButtonFace;color:inherit}
.lesson-qa-panel>p{margin:0 0 10px}
.mini-qa-dialog{font:14px/1.5715 "Microsoft YaHei",sans-serif}.mini-qa-dialog.learn-dialog .layui-layer-content{color:#263445;background:#fff}.mini-qa-dialog.learn-dialog .layui-layer-title{color:#263445}