.article-drawer{border-top-left-radius:20px}.drawer-reader{margin:0 auto;max-width:680px;padding:40px 32px 0}@media (max-width:768px){.drawer-reader{padding:24px 16px 0}}.drawer-course-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffeb;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 8px 32px #00000014,0 1px 3px #0000000a;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.25,.46,.45,.94);width:220px}.drawer-course-card:hover{box-shadow:0 12px 40px #0000001f,0 2px 6px #0000000f;transform:translateY(-2px)}.drawer-course-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s;width:20px;z-index:2}.drawer-course-card:hover .drawer-course-close{opacity:1}.drawer-course-close:hover{background:#00000080}.drawer-course-cover{aspect-ratio:16/9;background:#f5f5f5;overflow:hidden;position:relative;width:100%}.drawer-course-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.drawer-course-card:hover .drawer-course-cover img{transform:scale(1.04)}.drawer-course-badge{align-items:center;background:linear-gradient(135deg,#e8835af2,#d25532f7);border-radius:0 0 0 10px;color:#fff;display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.02em;padding:4px 8px;position:absolute;right:0;top:0}.drawer-course-dot{animation:drawer-pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes drawer-pulse{0%,to{box-shadow:0 0 #fff9}50%{box-shadow:0 0 0 3px #fff0}}.drawer-course-info{padding:10px 12px 12px;text-align:center}.drawer-course-title{color:#1a1a1a;display:-webkit-box;font-size:13px;font-weight:700;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drawer-course-author{color:#999;font-size:11px;margin-top:2px}.drawer-course-price{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:6px}.drawer-course-current{color:#e8835a;font-size:14px;font-weight:800}.drawer-course-original{color:#bbb;font-size:11px;text-decoration:line-through}.drawer-float-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1);transition-delay:.3s}.drawer-float-leave-active{transition:all .2s ease-in}.drawer-float-enter-from{opacity:0;transform:translateY(16px) scale(.95)}.drawer-float-leave-to{opacity:0;transform:translateY(8px) scale(.98)}