.gqid-root{container-type:inline-size;display:flex;flex-direction:column;gap:1.5em;font-size:1rem;line-height:1.6}
.gqid-hero{display:flex;flex-wrap:wrap;align-items:center;gap:1.25em;padding:1.75em 1.5em;border:1px solid var(--el-border-color-lighter,#ebeef5);border-radius:var(--gqid-radius,.75rem);background:linear-gradient(135deg,rgba(47,107,255,.06),rgba(47,107,255,.01))}
.gqid-avatar{flex:none;width:5em;height:5em;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:rgba(0,0,0,.42);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.gqid-avatar--circle{border-radius:50%}
.gqid-avatar--rounded{border-radius:1.25em}
.gqid-avatar--square{border-radius:.35em}
.gqid-avatar-img{display:block;width:100%;height:100%;object-fit:cover}
.gqid-avatar-fallback{font-size:1.75em;font-weight:700}
.gqid-head{flex:1;min-width:14em;display:flex;flex-direction:column;gap:.5em}
.gqid-name{margin:0;font-size:1.625em;font-weight:700;line-height:1.25}
.gqid-title{font-size:.9375em;color:var(--el-text-color-secondary,#909399)}
.gqid-stats{display:flex;flex-wrap:wrap;gap:.75em 1.25em;font-size:.875em;color:var(--el-text-color-regular,#606266)}
.gqid-stat{display:inline-flex;align-items:baseline;gap:.25em}
.gqid-stat b{font-size:1.25em;font-weight:700;color:var(--el-text-color-primary,#303133)}
.gqid-stat--rating b{color:#f0a020}
.gqid-contacts{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.25em}
.gqid-contact{display:inline-flex;align-items:center;gap:.45em;padding:.45em .7em;font:inherit;font-size:.875em;line-height:1;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999em;cursor:pointer;color:var(--el-text-color-regular,#606266);transition:border-color .15s ease,color .15s ease,background .15s ease}
.gqid-contact:hover{border-color:var(--el-color-primary,#2f6bff);color:var(--el-color-primary,#2f6bff)}
.gqid-contact-ico{flex:none;width:1.15em;height:1.15em}
.gqid-contact--wechat .gqid-contact-ico{color:#15924a}
.gqid-contact--email .gqid-contact-ico{color:#2f6bff}
.gqid-contact--phone .gqid-contact-ico{color:#0f8f96}
.gqid-contact-label{max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gqid-contact-copy-wrap{display:inline-flex;align-items:center;gap:.2em;opacity:.55}
.gqid-contact-copy{width:.95em;height:.95em}
.gqid-contact-copy-text{font-size:.8125em}
.gqid-contact--copied{border-color:#15924a;color:#15924a;background:#e8f7ee}
.gqid-contact--failed{border-color:#e34d59;color:#e34d59;background:#fef0f0}
.gqid-about,.gqid-courses{display:flex;flex-direction:column;gap:.875em}
.gqid-section-title{margin:0;font-size:1.25em;font-weight:700;line-height:1.3}
.gqid-intro{font-size:.9375em;line-height:1.9;color:var(--el-text-color-regular,#606266);word-break:break-word}
.gqid-intro p{margin:0 0 .75em}
.gqid-intro img{max-width:100%;height:auto;border-radius:.375em}
.gqid-course-grid{display:grid;grid-template-columns:repeat(var(--gqid-cols,3),minmax(0,1fr));gap:1em}
.gqid-course{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08);border-radius:var(--gqid-radius,.75rem);overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
a.gqid-course:hover{border-color:var(--el-color-primary,#2f6bff);transform:translateY(-.125em)}
.gqid-course-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:rgba(0,0,0,.04)}
.gqid-course-thumb--empty{display:flex;align-items:center;justify-content:center;font-size:1.75em;font-weight:700;color:rgba(0,0,0,.25)}
.gqid-course-body{display:flex;flex-direction:column;gap:.4em;padding:.75em .875em .875em}
.gqid-course-title{font-size:.9375em;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gqid-course-meta{display:flex;flex-wrap:wrap;gap:.5em;font-size:.8125em;color:var(--el-text-color-secondary,#909399)}
.gqid-course-meta-item{display:inline-flex;align-items:baseline;gap:.2em}
.gqid-course-meta--rating b{color:#f0a020}
.gqid-course-price{font-size:1em;font-weight:700;color:#e34d59}
.gqid-empty{padding:1.25em;text-align:center;font-size:.875em;color:var(--el-text-color-secondary,#909399);background:rgba(0,0,0,.02);border-radius:var(--gqid-radius,.75rem)}
@container (width<=26em){
	.gqid-head{min-width:100%}
	.gqid-contact-label{max-width:9em}
}