.qsl-category .qsl-grid{display:grid;margin-left:0;gap:20px}.qsl-category .qsl-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.qsl-category .qsl-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.qsl-category .qsl-grid>.qsl-grid-item{width:auto!important;min-width:0;padding-left:0!important;margin-top:0!important}.qsl-category .qsl-empty{grid-column:1/-1;width:100%}.qsl-category a:focus-visible,.qsl-category button:focus-visible{outline:3px solid #2689ff;outline-offset:3px}.qsl-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.qsl-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(140deg,#347cff,#6baeff);color:#fff;font-size:14px}.qsl-course-card .cover{aspect-ratio:8/5}.qsl-course-card .cover>img{height:100%;width:100%;object-fit:cover}.qsl-course-card .ceo-loop-edu .ceo_app_img{padding-bottom:110px}.qsl-course-card .ceo-loop-edu-text-title{box-sizing:content-box}.qsl-course-card .ceo-loop-edu-text-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:content-box}.qsl-course-card .ceo-loop-edu-text-subtitle-author,.qsl-course-card .ceo-loop-edu-text-subtitle-keshi{float:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qsl-course-card .ceo-loop-edu-text-subtitle-author{min-width:0}.qsl-course-card .ceo-loop-edu-text-subtitle-keshi{flex-shrink:0}.qsl-course-card .ceo-loop-edu-text-desc p{margin-bottom:0}.qsl-course-card .ceo-loop-edu-text-pay{box-sizing:content-box}.qsl-course-card:focus-within .ceo-loop-edu-text-desc{height:60px;opacity:1}.qsl-software-card .ceo_category_software ul{list-style:none;margin:0;padding:0}.qsl-software-card .ceo_category_software ul li{float:none;width:auto;padding:20px;box-sizing:border-box}.qsl-software-card .ceo_category_software_inner h5{margin-top:0}.qsl-software-card .ceo_category_software_film{display:flex;align-items:center;gap:12px;min-width:0}.qsl-software-card .ceo_category_software_film_icon{float:none;flex-shrink:0}.qsl-software-card .ceo_category_software_film_icon a{overflow:hidden}.qsl-software-card .ceo_category_software_film_icon .qsl-image-placeholder{min-height:0;font-size:9px}.qsl-software-card .ceo_category_software_film_mid{float:none;margin:0;min-width:0;flex:1}.qsl-software-card .ceo_category_software_film_star{font-size:12px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;height:18px;line-height:18px}.qsl-software-card .ceo_category_software_film_star.qsl-unrated{color:#8a96a8}.qsl-software-card .ceo_category_software_film_mid p{margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.qsl-software-card .ceo_category_software_film_dl{float:none;margin:0;flex-shrink:0}.qsl-software-card .ceo_category_software_film_dl a{width:48px;font-size:12px;border-radius:2px}.qsl-audio-card .qsl-record-scene{position:relative;aspect-ratio:1.3;background:#1a1a1a}.qsl-record-scene .audio-pan{position:absolute;inset:0}.qsl-record-scene .audio-pan .play-pan{position:absolute;width:75%!important;height:auto!important;left:5%;top:8%;padding:0;margin:0;transform-origin:center;animation:qsl-record-spin 9s linear infinite;animation-play-state:paused}.qsl-record-scene .audio-pan .play-zhen{position:absolute;width:39%!important;height:auto!important;top:12%;right:9%;padding:0;transform:rotate(-9deg);transform-origin:83% 8%;z-index:2}.qsl-record-scene .audio-pan .play-dot{position:absolute;width:6.2%!important;height:auto!important;top:9%;right:13%;padding:0;z-index:3}.qsl-audio-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center}.qsl-play-symbol{width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:31px solid #fff;margin-left:7px;filter:drop-shadow(0 2px 5px #0005);transition:opacity .2s}.qsl-audio-toggle:hover .qsl-play-symbol{opacity:.8}.qsl-audio-playing .qsl-play-symbol{width:19px;height:36px;border-top:0;border-bottom:0;border-left:7px solid #fff;border-right:7px solid #fff;margin-left:0;box-sizing:content-box}.qsl-audio-playing .audio-pan .play-pan{animation-play-state:running}.qsl-audio-playing .audio-pan .play-zhen{transform:rotate(8deg)}.qsl-audio-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;z-index:4;color:#fff!important;background:#0002}.qsl-audio-unavailable>span{font-size:36px;line-height:1}.qsl-audio-unavailable small{font-size:11px;letter-spacing:1px}.qsl-audio-card .ceo-music-cat-title .title{padding:13px 12px 11px;margin:0;font-size:13px;color:#555;line-height:20px;min-height:20px}.qsl-audio-player{padding:0 10px 12px}.qsl-audio-player audio{display:block;width:100%;height:32px;max-width:100%}.qsl-audio-status{display:block;text-align:center;font-size:10px;color:#a0a6b1;margin-top:7px;line-height:1.5}.qsl-audio-empty{font-size:10px;color:#a0a6b1;line-height:1.6;text-align:center;padding:0 10px 13px;margin:0}.night .qsl-software-card .qsl-unrated{color:#8c98aa}.night .qsl-audio-card .ceo-music-cat-title .title{color:#b3bfce}@keyframes qsl-record-spin{to{transform:rotate(360deg)}}
@media(max-width:1199px){.qsl-category .qsl-columns-4,.qsl-category .qsl-columns-5{grid-template-columns:repeat(3,minmax(0,1fr))}.qsl-kind-software .qsl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qsl-course-card .ceo-loop-edu-text-title,.qsl-course-card .ceo-loop-edu-text-subtitle,.qsl-course-card .ceo-loop-edu-text-desc,.qsl-course-card .ceo-loop-edu-text-pay{padding-left:15px;padding-right:15px}}
@media(max-width:767px){.qsl-category .qsl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.qsl-kind-software .qsl-grid{grid-template-columns:1fr}.qsl-software-card .ceo_category_software ul li{padding:20px}.qsl-course-card .ceo-loop-edu-text-title{padding-top:16px}.qsl-course-card .ceo-loop-edu-text-title a{font-size:13px}.qsl-course-card .ceo-loop-edu-text-subtitle{font-size:10px;margin-top:10px;padding-bottom:14px}.qsl-course-card .ceo-loop-edu-text-subtitle-author i{font-size:11px}.qsl-course-card .ceo-loop-edu-text-pay span,.qsl-course-card .ceo-loop-edu-text-pay em{font-size:10px}.qsl-course-card .ceo-loop-edu .ceo_app_img{padding-bottom:104px}.qsl-course-card .ceo-loop-edu-text-desc{display:none}.qsl-audio-card .ceo-music-cat-title .title{font-size:12px;padding:10px}.qsl-play-symbol{border-top-width:17px;border-bottom-width:17px;border-left-width:24px}.qsl-audio-playing .qsl-play-symbol{height:29px;width:15px;border-left-width:6px;border-right-width:6px}.qsl-audio-player{padding:0 6px 10px}.qsl-audio-status{font-size:9px}.qsl-course-card .ceo-loop-edu-text-subtitle-author{max-width:52%}.qsl-course-card .ceo-loop-edu-text-subtitle-keshi{max-width:48%}}
@media(max-width:359px){.qsl-category .qsl-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qsl-record-scene .audio-pan .play-pan{animation:none}.qsl-category *{transition:none!important}}

/* Collections is the only native category.php route loading this stylesheet.
   Custom course/software/audio routes use <main>, so these native-section
   selectors leave their cards (and the rest of the site) unchanged. */
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai-box{position:relative;background:#eef3fa}
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai-box>.ceo-cat-sucai{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:420/560;background:linear-gradient(155deg,#f5f8fc 0%,#eaf1fa 55%,#f3f6fc 100%)}
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai-box>.ceo-cat-sucai>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;margin:0;object-fit:contain!important;object-position:center;aspect-ratio:auto!important;transform:none!important}
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai-title{z-index:2}
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai:focus-visible{outline:3px solid #2689ff;outline-offset:-3px}

@media(min-width:1200px){.qsl-category .qsl-grid{column-gap:30px}.qsl-course-card .cover{aspect-ratio:300/160}}
@media(min-width:768px){.qsl-course-card .ceo-loop-edu .ceo_app_img{padding-bottom:142px}}
.site>section.ceo-container>.ceo-grid-medium>.ajax-item .ceo-cat-sucai-box>.ceo-cat-sucai>img{object-fit:cover!important}
.qsl-membership .ceo_vipbgs img{display:block;width:100%;height:auto}
.qsl-membership .page-main{padding:0;border:0;box-shadow:none;max-width:none}
.qsl-membership .ceo_youshi_box .clear{float:none;width:0;padding:0;margin:0;height:0}
.qsl-membership-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 40px 40px}
.qsl-membership-plan{border:1px solid #eee;border-radius:6px;overflow:hidden;text-align:center;background:#fff;transition:transform .2s,box-shadow .2s}
.qsl-membership-plan:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0001}
.qsl-plan-heading{padding:25px 15px;background:linear-gradient(125deg,#fff3d8,#edbe75);color:#835626}
.qsl-plan-heading h2{font-size:22px;color:inherit;margin:0 0 8px;font-weight:400}
.qsl-plan-heading p{font-size:12px;margin:0}
.qsl-plan-1{background:linear-gradient(125deg,#ede4ff,#ad87ed);color:#604197}
.qsl-plan-2{background:linear-gradient(125deg,#e0eeff,#72aaf1);color:#3768a9}
.qsl-plan-3{background:linear-gradient(125deg,#30383d,#657275);color:#f4d9ab}
.qsl-plan-body{padding:25px 15px;color:#999;font-size:13px}
.qsl-plan-body>strong{font-size:30px;font-weight:400;color:#f29b34}
.qsl-plan-body>a{display:block;background:#f7c875;border-radius:4px;color:#7c5723;padding:9px;margin:20px 0}
.qsl-plan-body ul{padding:15px 0 0;margin:0;list-style:none;border-top:1px solid #eee;line-height:2.5}
.qsl-membership-notes{padding:40px 60px;border-top:1px solid #eee;background:#fff;color:#888;line-height:2}
.qsl-membership-notes h2{font-size:22px;font-weight:400;color:#555}
@media(max-width:767px){.qsl-membership .ceo-pages-vip{margin-top:-20px!important}.qsl-membership-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 15px 25px}.qsl-plan-heading{padding:20px 8px}.qsl-plan-heading h2{font-size:18px}.qsl-plan-heading p,.qsl-plan-body{font-size:11px}.qsl-plan-body{padding:20px 8px}.qsl-plan-body>strong{font-size:24px}.qsl-membership-notes{padding:25px 20px}.qsl-membership .ceo_vipbgs img{min-height:170px;object-fit:cover}}
.qsl-membership .page-main{width:100%;float:none}