.purchased-main{display:flex;flex-direction:column;gap:16px;width:min(calc(100% - 48px),var(--page-width));margin-inline:auto;padding:24px 0 40px}.purchased-note{margin:0;color:var(--text-dim);font-size:13px;font-weight:400;line-height:20px}.purchased-list{min-width:0}.purchased-item{display:grid;grid-template-columns:56px minmax(0,1fr)120px 106px;align-items:center;gap:16px;min-width:0;min-height:104px;padding-block:14px;border-bottom:1px solid var(--line-soft)}.purchased-item__cover{display:block;width:56px;height:75px;overflow:hidden;border-radius:6px;background:var(--bg-panel)}.purchased-item__cover img{display:block;width:100%;height:100%;object-fit:cover}.purchased-item__body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.purchased-item__title{display:block;max-width:100%;margin:0;overflow:hidden;color:var(--text);font-size:16px;font-weight:600;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.purchased-item__info{display:block;max-width:100%;margin:0;overflow:hidden;color:var(--text-muted);font-size:13px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.purchased-item__progress{display:block;width:240px;max-width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--line)}.purchased-item__progress>span{display:block;width:var(--progress,100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4a7b 0%,#ec237f 52%,#93226f 100%)}.purchased-item__date{color:var(--text-dim);font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.purchased-item__mobile-date,.purchased-item__resume-mobile{display:none}.purchased-item__resume{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:106px;height:36px;padding-inline:12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:var(--text);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.purchased-item__resume img,.purchased-item__resume svg{display:block;width:16px;height:16px;flex:0 0 16px}.purchased-item__resume:hover{border-color:rgba(255,255,255,.36);color:var(--text)}.purchased-item__resume:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}