.rk3-learning-float {
    position: fixed;
    right: 8px;
    bottom: 80px;
    width: 130px;
    z-index: 900;
    margin: 0;
}
.rk3-learning-panel { display: flex; flex-direction: column; gap: 0; }
.rk3-learning-panel > img, .rk3-learning-panel a, .rk3-learning-panel a img {
    display: block;
    width: 100%;
    height: auto;
}
.rk3-learning-toggle, .rk3-learning-close {
    display: none;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}
@media (max-width: 768px) {
    .rk3-learning-float { right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: 160px; }
    .rk3-learning-toggle { display: block; margin-left: auto; width: 80px; }
    .rk3-learning-toggle img { width: 80px; height: 80px; }
    .rk3-learning-panel { display: none; }
    .rk3-learning-float.is-open .rk3-learning-toggle { display: none; }
    .rk3-learning-float.is-open .rk3-learning-panel { display: flex; }
    .rk3-learning-close { display: block; align-self: flex-end; width: 30px; height: 30px; }
    .rk3-learning-close img { width: 30px; height: 30px; }
    .rk3-main ~ .top_btn { right: 184px; }
}