:root{--color-primary:#ffd506;--color-text-heading:#02071f;--color-text-body:#4d4d4d;--color-text-dark:#121212}.sr-main{min-height:100vh;background:#fff}.sr-hero{padding:60px 5vw 40px;text-align:center;background:linear-gradient(135deg,#fafafa,#fff8d6);border-bottom:1px solid #f0f0f0}.sr-hero-title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;color:var(--color-text-heading);margin:0 0 12px}.sr-hero-desc{font-size:clamp(.875rem,2vw,1.0625rem);color:var(--color-text-body);margin:0}.sr-container{max-width:1120px;margin:0 auto;padding:40px 5vw 80px}.sr-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.sr-sort-btn{padding:8px 20px;border:1.5px solid #e0e0e0;border-radius:999px;background:#fff;font-size:.875rem;font-weight:700;color:var(--color-text-body);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.sr-sort-btn:hover{border-color:var(--color-primary);background:#fffbe6}.sr-sort-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-dark)}.sr-submit-btn{margin-left:auto;padding:8px 22px;background:var(--color-text-dark);color:#fff;border:none;border-radius:999px;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s;cursor:pointer}.sr-submit-btn:hover{opacity:.8}.sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.sr-empty{text-align:center;padding:80px 0;color:var(--color-text-body);font-size:1rem}.sr-empty a{color:#e6a600;text-decoration:underline}.sr-card{display:flex;flex-direction:column;border-radius:16px;border:1px solid #efefef;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .2s,transform .2s}.sr-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px)}.sr-card-thumb{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#fffbe6,#fff0a0);overflow:hidden;display:flex;align-items:center;justify-content:center}.sr-card-thumb-icon{font-size:2.5rem;opacity:.5}.sr-card-video-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px}.sr-card-body{display:flex;flex-direction:column;flex:1;padding:20px;gap:6px}.sr-card-title{font-size:1.0625rem;font-weight:800;color:var(--color-text-heading);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-card-student{font-size:.875rem;color:var(--color-text-body);margin:0;font-weight:600}.sr-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.sr-card-date{font-size:.75rem;color:#999}.sr-post-main{min-height:100vh;background:#fff}.sr-post-article{max-width:780px;margin:0 auto;padding:48px 5vw 80px}.sr-back-link{display:inline-block;font-size:.875rem;color:#e6a600;text-decoration:none;margin-bottom:32px}.sr-back-link:hover{text-decoration:underline}.sr-post-header{margin-bottom:32px}.sr-post-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--color-text-heading);margin:0 0 10px;line-height:1.35}.sr-post-meta{font-size:.875rem;color:#aaa}.sr-video-section{margin-bottom:40px;display:flex;flex-direction:column;gap:16px}.sr-video-wrap{border-radius:16px;overflow:hidden;background:#000}.sr-video-label{font-size:.75rem;color:#aaa;background:#111;padding:4px 12px}.sr-video-wrap video{width:100%;max-height:480px;display:block}@media (max-width:600px){.sr-grid{grid-template-columns:1fr}.sr-toolbar{flex-wrap:wrap}.sr-post-article{padding:32px 4vw 60px}.sr-hero{padding:48px 4vw 32px}}