.pg-jg-wrap{min-height:calc(100vh - 180px);display:flex;align-items:flex-start;justify-content:center}.pg-jg-card{margin-top:40px;width:100%;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 16px rgba(0,0,0,.07);padding:28px 24px 24px}.pg-jg-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pg-jg-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-brand-500)}.pg-jg-title{margin:0 0 8px;font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pg-jg-desc{margin:0 0 10px;font-size:14px;color:var(--color-gray-600);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pg-jg-hint{margin:0 0 16px;font-size:13px;color:var(--color-gray-500)}.pg-jg-circles{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px}.pg-jg-circle-card{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:12px 14px;border-radius:var(--radius-lg);border:2px solid var(--color-gray-100);background:var(--color-white);cursor:pointer;transition:all .18s}.pg-jg-circle-card:hover{border-color:var(--color-brand-500)}.pg-jg-circle-card.selected{border-color:var(--color-brand-500);background:rgba(var(--color-brand-500-rgb),.05)}.pg-jg-circle-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.pg-jg-circle-main{flex:1;min-width:0}.pg-jg-circle-name{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-jg-circle-meta{font-size:12px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-jg-circle-price{flex-shrink:0;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-brand-500)}.pg-jg-circle-price.free{color:var(--color-success,#18c06e)}.pg-jg-actions{display:flex;align-items:center;gap:10px}.pg-jg-actions .layui-btn-warm{min-width:150px}.pg-jg-err{margin-top:10px;font-size:13px;color:var(--color-error)}@media (max-width:520px){.pg-jg-card{margin-top:16px;padding:20px 14px 16px}.pg-jg-circle-card{min-width:200px}}