.studying-grid{grid-template-columns:repeat(auto-fit,minmax(300px,400px));gap:24px;max-width:1200px;margin:32px auto 0;display:grid}.study-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 16px var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:0;transition:all .3s;display:flex;overflow:hidden}.study-banner{width:100%;height:200px;position:relative;overflow:hidden}.study-banner img{object-fit:cover;width:100%;height:100%}.study-card-content{flex-direction:column;gap:16px;padding:24px;display:flex}.study-card:hover{box-shadow:0 8px 32px var(--shadow);border-color:var(--logo-accent);transform:translateY(-4px)}.study-card-header{border-bottom:1px solid var(--card-border);align-items:center;gap:16px;padding-bottom:16px;display:flex}.study-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.study-info{flex:1}.study-title{color:var(--text-color);margin:0 0 4px;font-size:1.1rem;font-weight:700}.study-platform{color:var(--text-secondary);margin:0;font-size:.85rem}.study-link{border:2px solid var(--card-border);background:var(--bg-color);width:36px;height:36px;color:var(--text-color);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.study-link:hover{border-color:var(--logo-accent);color:var(--logo-accent);transform:translateY(-2px)}.study-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.study-topics{flex-wrap:wrap;gap:8px;display:flex}.study-topic{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500}.study-progress{flex-direction:column;gap:8px;margin-top:auto;display:flex}.study-progress-bar{background:var(--progress-bg);border-radius:4px;height:8px;overflow:hidden}.study-progress-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.study-progress-info{justify-content:space-between;align-items:center;display:flex}.study-progress-percent{color:var(--text-color);font-size:.9rem;font-weight:700}.study-progress-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (max-width:1024px){.studying-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.studying-grid{grid-template-columns:1fr;gap:16px}.study-card{padding:20px}.study-card-header{gap:12px}.study-icon{width:48px;height:48px;font-size:1.3rem}.study-banner{height:160px}.study-card-content{padding:20px}}@media (max-width:480px){.studying-grid{grid-template-columns:1fr;gap:12px}.study-card,.study-card-content{padding:16px}.study-card-header{gap:10px}.study-banner{height:140px}.study-link{width:32px;height:32px;font-size:.85rem}.study-progress-info{flex-direction:column;align-items:flex-start;gap:4px}.study-card{padding:16px}.study-card-header{flex-direction:column;align-items:flex-start;gap:10px}.study-icon{width:40px;height:40px;font-size:1.1rem}.study-title{font-size:.95rem}.study-platform{font-size:.75rem}.study-description{font-size:.8rem}.study-topic{padding:3px 6px;font-size:.65rem}.study-progress-bar{height:6px}.study-progress-percent{font-size:.85rem}.study-progress-time{font-size:.75rem}}