.learning-entry-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:inherit;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.learning-skip{position:absolute;left:16px;top:-120px;padding:12px;background:#fff;color:#222d2b;z-index:10}.learning-skip:focus{top:12px}.learning-content a:hover,.learning-entry-link:hover,.learning-content button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.public-header:has(.learning-entry-link){grid-template-columns:1fr auto auto auto}.learning-page .public-header{grid-template-columns:1fr auto auto}
.learning-tool-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;margin:18px 0;background:#f7f5f1;color:#222d2b;text-decoration:none;border:1px solid #deded5;border-radius:14px}
.learning-tool-entry b{display:block;font-size:20px}.learning-tool-entry span{font-size:15px}
.page.portal.learning-page{background:#f7f5f1;color:#222d2b;min-height:100dvh;font-family:'Microsoft YaHei','PingFang SC',sans-serif}
.page.portal.learning-page .learning-shell{max-width:760px;background:#f7f5f1;font-family:'Microsoft YaHei','PingFang SC',sans-serif}.learning-content{padding:16px 4px 96px;line-height:1.65;overflow-wrap:anywhere}
.learning-content h1{font-size:28px;line-height:1.4;margin:22px 0 12px;text-wrap:balance}.learning-content h2{font-size:21px;margin:0 0 12px}.learning-content p{font-size:16px}
.learning-lead{color:#5b6561;margin:0 0 24px}.learning-content button,.learning-content select,.learning-content summary{font:inherit;min-height:48px;touch-action:manipulation}.learning-content button{border:1px solid #b4bab5;border-radius:10px;background:#fff;padding:10px 16px;color:#222d2b;cursor:pointer}.learning-content button:disabled{opacity:.55;cursor:default}.learning-content .learning-primary{background:#b8462e;border-color:#b8462e;color:#fff;font-weight:700;width:100%}.learning-content .learning-back{padding:8px 0;border:0;background:none;text-decoration:underline;text-underline-offset:5px}
.learning-page :focus-visible,.learning-entry-link:focus-visible,.learning-tool-entry:focus-visible,.learning-card-active :focus-visible{outline:3px solid #b8462e;outline-offset:4px}
.learning-course-list{display:grid;gap:20px}.learning-course-list a{display:block;color:inherit;background:#fff;border-top:4px solid #b8462e;padding:24px;text-decoration:none}.learning-course-list h2{font-size:26px}.learning-course-list span{display:inline-block;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}
.learning-lesson-list{padding:0;list-style:none}.learning-lesson-list li{border-bottom:1px solid #deded5;padding:20px 0}.learning-lesson-list a{display:block;color:inherit;text-decoration:none}.learning-lesson-list b{display:block;font-size:18px}.learning-lesson-list span{display:block;font-size:15px;color:#5b6561;margin-top:8px}.learning-lesson-list a span{color:#a23e27;font-weight:700}
.learning-note,.learning-task{padding:24px 20px;background:#fff;margin:24px 0}.learning-task label{display:block;font-weight:700}.learning-task select{width:100%;padding:10px;margin:8px 0 12px;background:#fff;color:#222d2b;border:1px solid #b4bab5}.learning-task button{margin:8px 0}.learning-status{min-height:28px;color:#355145}.learning-status.is-error{color:#a12721}
.learning-player{margin:24px -4px}.learning-player-frame{background:#111;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.learning-player-frame video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.learning-caption{font-family:'Microsoft YaHei',sans-serif;font-size:19px!important;font-weight:600;line-height:1.45;color:#fff;background:#111;min-height:80px;padding:10px 14px 14px;box-sizing:border-box;white-space:pre-line;text-align:center;-webkit-text-stroke:.6px #000;paint-order:stroke fill;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.learning-player-frame{position:relative}
.learning-media-status{position:absolute;inset:0 0 auto;aspect-ratio:16/9;display:grid;place-items:center;margin:0;padding:20px;box-sizing:border-box;color:#fff;background:#111;text-align:center;pointer-events:none}
.learning-media-status[hidden]{display:none}
.learning-caption:empty{display:none}
.learning-player-frame:fullscreen video{max-height:100%}
.learning-loading{position:relative;padding:24px 0 24px 40px}
.learning-loading p{margin:0}
.learning-loading small{display:block;margin-top:8px;font-size:14px;color:#5b6561}
.learning-loading::before,[data-learn-lesson][aria-busy=true]::before,[data-learn-course][aria-busy=true]::before,.learning-player-frame[aria-busy=true] .learning-media-status::before{content:"";display:inline-block;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:learning-spin .8s linear infinite}
.learning-loading::before{position:absolute;left:4px;top:28px}
[data-learn-lesson][aria-busy=true]::before,[data-learn-course][aria-busy=true]::before{margin-right:10px;vertical-align:middle}
.learning-player-frame[aria-busy=true] .learning-media-status{align-content:center;gap:12px;background:rgba(17,17,17,.85)}
@keyframes learning-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.learning-page *::before{animation:none!important}}
.learning-player-frame:fullscreen{height:100dvh;width:100vw;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.learning-player-frame:fullscreen video{min-height:0;max-height:100%;flex:1}.learning-player-frame:fullscreen .learning-caption{flex:0 0 80px}.learning-player-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.learning-player-actions button:first-child{flex:1}.learning-transcript{border-top:1px solid #deded5;margin-top:24px}.learning-transcript summary{cursor:pointer;padding:14px 0;font-weight:700}.learning-transcript p{margin:12px 0;white-space:pre-line}
@media(max-width:760px){.public-header:has(.learning-entry-link){grid-template-columns:1fr auto auto}.public-header .header-pill{display:none}}
@media(max-width:430px){.header .learning-entry-link{padding:6px;font-size:14px}.learning-content h1{font-size:26px}.learning-note,.learning-task{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.learning-page *{scroll-behavior:auto!important;transition:none!important}}

.learning-segments>ol{padding-left:18px;list-style:none}.learning-segments>ol>li:last-child{border-bottom:0}.learning-lesson-list a{min-height:48px;padding:4px 0}.learning-segments>p{color:#5b6561}
.public-platform-home{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#f7f5f1;color:#222d2b;font-size:16px;font-weight:700;text-decoration:underline;touch-action:manipulation}.public-platform-home:focus-visible{outline:3px solid #b8462e;outline-offset:-4px}.public-platform-home:hover{color:#a23e27}
.sheet[data-history-key="learning-support"]{text-align:left;overscroll-behavior:contain}.sheet[data-history-key="learning-support"]>p,.sheet[data-history-key="learning-support"] .service-line b,.sheet[data-history-key="learning-support"] .service-line small{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.sheet[data-history-key="learning-support"] h2{font-size:22px;padding-right:30px}.sheet[data-history-key="learning-support"] button{min-height:48px;font-size:16px;touch-action:manipulation}.sheet[data-history-key="learning-support"] .close{min-width:44px}.sheet[data-history-key="learning-support"] :focus-visible{outline:3px solid #b8462e;outline-offset:3px}

/* Background progress and own-course manual verification. */
.learning-progress-recovery { margin: 14px 0; padding: 14px; border: 1px solid #d6d2c8; border-radius: 12px; background: #f7f5f1; overflow-wrap: anywhere; }
.learning-progress-recovery p { margin: 0 0 10px; }
.learning-progress-recovery div { display: flex; flex-wrap: wrap; gap: 8px; }
.learning-progress-recovery button { min-height: 48px; white-space: normal; }
.learning-activation { overflow-wrap: anywhere; }
.learning-verification-fields { display: grid; gap: 8px; margin: 18px 0; }
.learning-verification-fields label { font-size: 16px; line-height: 1.5; color: #222d2b; }
.learning-verification-fields input, .learning-verification-fields textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 12px; font: inherit; font-size: 16px; color: #222d2b; background: #fff; border: 1px solid #aaa69c; border-radius: 8px; }
.learning-activation button { min-height: 48px; margin-bottom: 10px; white-space: normal; }
.learning-activation button[data-learn] { padding: 10px 14px; border: 1px solid #b9bdb9; border-radius: 10px; color: #222d2b; background: #fff; font: inherit; font-size: 16px; touch-action: manipulation; }
.learning-activation button[data-learn]:hover { background: #f7f5f1; border-color: #5b6561; }
.learning-progress-recovery button { scroll-margin-bottom: 100px; }
.learning-activation :focus-visible, .learning-progress-recovery button:focus-visible { outline: 3px solid #b8462e; outline-offset: 3px; }

[data-learning-support-image] { min-width: 0; overflow-wrap: anywhere; }
[data-learning-support-image] .real-qr, #settings-form [data-customer-preview] { width: 192px; height: 192px; max-width: 100%; object-fit: contain; }
[data-support-image][hidden], [data-support-image-error][hidden], [data-customer-preview][hidden] { display: none; }
#settings-form [data-customer-status] { font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
#settings-form [data-save-customer] { min-height: 48px; white-space: normal; touch-action: manipulation; }
#settings-form [data-save-customer]:focus-visible { outline: 3px solid #b8462e; outline-offset: 3px; }

#settings-form [data-customer-image-status] { font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; color: #71301f; }