.article-page{width:100%;max-width:100%;padding:0 16px 60px}@media (min-width:768px){.article-page{padding:20px 0 60px;max-width:800px;margin:0 auto}}.article-header{margin:20px 0 30px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.article-title{font-size:24px;font-weight:700;line-height:1.4;color:#222;margin:0 0 16px}.article-meta{display:flex;align-items:center;gap:10px}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-size:14px;color:#666;font-weight:500}.publish-time{font-size:12px;color:#999}.article-section{margin-bottom:40px}.section-title{font-size:20px;font-weight:700;color:#222;margin:0 0 16px;padding-left:12px;border-left:4px solid #40cf9f}.grouping-course-list{display:flex;flex-direction:column;gap:16px}.grouping-course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:box-shadow .3s ease}.grouping-course-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.grouping-course-top{display:flex;gap:12px;padding:16px;text-decoration:none;color:inherit}.grouping-course-image{width:90px;height:90px;border-radius:8px;object-fit:cover;flex-shrink:0}.grouping-course-content{flex:1;display:flex;flex-direction:column;gap:8px}.grouping-course-title{font-size:16px;font-weight:600;color:#222;line-height:1.4}.grouping-course-tags{display:flex;align-items:center;gap:4px;font-size:12px;color:#999}.grouping-tag{display:inline-flex;align-items:baseline}.grouping-tag .number{color:#222;font-weight:600}.grouping-tag .text{color:#999}.grouping-tag-separator{color:#ddd;margin:0 4px}.grouping-course-address{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.grouping-address-icon{width:12px;height:12px;object-fit:contain}.grouping-address-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouping-course-price-section{display:flex;align-items:baseline}.grouping-price-symbol{font-size:14px;color:#ff6b35;font-weight:600}.grouping-price-amount{font-size:20px;color:#ff6b35;font-weight:700}.grouping-course-divider{height:1px;background:#f0f0f0;margin:0 16px}.grouping-progress-title{padding:12px 16px 8px;font-size:14px;color:#666;font-weight:500}.grouping-course-bottom{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.grouping-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f8f8;border-radius:8px}.grouping-avatars{display:flex;gap:4px}.grouping-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fff}.grouping-time-text{flex:1;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouping-remain-text{font-size:12px;color:#ff6b35;font-weight:500;white-space:nowrap}.grouping-join-btn{padding:6px 16px;background:#40cf9f;color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .3s ease}.grouping-join-btn:hover{background:#36b88b}.flexible-course-list{display:flex;flex-direction:column;gap:12px}.flexible-course-card{display:flex;gap:12px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:box-shadow .3s ease}.flexible-course-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.flexible-course-image{width:90px;height:90px;border-radius:8px;object-fit:cover;flex-shrink:0}.flexible-course-content{flex:1;display:flex;flex-direction:column;gap:8px}.flexible-course-title{font-size:16px;font-weight:600;color:#222;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flexible-course-tags{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:#999}.flexible-tag{display:inline-flex;align-items:baseline}.flexible-tag.number{color:#222;font-weight:600}.flexible-tag-separator{color:#ddd}.flexible-course-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.flexible-course-price-section{display:flex;align-items:baseline}.flexible-price-symbol{font-size:14px;color:#ff6b35;font-weight:600}.flexible-price-amount{font-size:20px;color:#ff6b35;font-weight:700}.flexible-enroll-btn{padding:6px 20px;background:#40cf9f;color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .3s ease}.flexible-enroll-btn:hover{background:#36b88b}.flexible-enroll-btn:active{background:#2da076}.empty-state{padding:60px 20px;text-align:center;color:#999;font-size:14px}@media (min-width:768px){.article-title{font-size:28px}.section-title{font-size:22px}.flexible-course-list,.grouping-course-list{gap:16px}}