.hero-section[data-v-a8008b36]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;overflow:hidden;padding:40px 0;position:relative}.hero-section[data-v-a8008b36]:before{background:url(/img/code.jpg) no-repeat 50%/cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.hero-overlay[data-v-a8008b36]{padding:4rem 0;position:relative;width:100%;z-index:2}.hero-content[data-v-a8008b36]{color:#fff;text-align:center}.hero-title[data-v-a8008b36]{animation:fadeInUp-a8008b36 .8s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-title i[data-v-a8008b36]{animation:pulse-a8008b36 2s infinite;color:gold}.hero-subtitle[data-v-a8008b36]{animation:fadeInUp-a8008b36 .8s ease-out .2s both;font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-search[data-v-a8008b36]{animation:fadeInUp-a8008b36 .8s ease-out .4s both;margin:0 auto;max-width:500px}.hero-search[data-v-a8008b36] .el-input__inner{border:none;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-size:1rem;padding:0 1.5rem}.hero-search[data-v-a8008b36] .el-button{border-radius:50px;margin-left:.5rem}.main-content[data-v-a8008b36]{background:#f8f9fa;padding:4rem 0}.content-header[data-v-a8008b36]{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.content-header h2[data-v-a8008b36]{color:#2c3e50;font-weight:600}.content-header p[data-v-a8008b36]{color:#6c757d;font-size:.9rem}.filter-actions[data-v-a8008b36] .el-button-group .el-button{border-radius:6px;font-weight:500;transition:all .3s ease}.filter-actions[data-v-a8008b36] .el-button-group .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.paper-card[data-v-a8008b36]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.paper-card[data-v-a8008b36]:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.paper-card:hover .card-content .card-icon[data-v-a8008b36]{color:#667eea;transform:scale(1.1)}.paper-card:hover .card-actions .el-button--primary[data-v-a8008b36]{background:linear-gradient(135deg,#667eea,#764ba2)}.card-badges[data-v-a8008b36]{position:absolute;right:1rem;top:1rem;z-index:2}.card-badges .badge[data-v-a8008b36]{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.card-badges .badge.badge-new[data-v-a8008b36]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.card-badges .badge.badge-free[data-v-a8008b36]{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.card-content[data-v-a8008b36]{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem;text-align:center}.card-icon[data-v-a8008b36]{color:#667eea;font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.card-title[data-v-a8008b36]{color:#2c3e50;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.card-meta[data-v-a8008b36]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.card-meta .meta-item[data-v-a8008b36]{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:.25rem}.card-meta .meta-item i[data-v-a8008b36]{color:#667eea}.card-actions[data-v-a8008b36]{display:flex;gap:.5rem;justify-content:center}.card-actions[data-v-a8008b36] .el-button{border-radius:8px;font-weight:500;transition:all .3s ease}.card-actions[data-v-a8008b36] .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.card-actions[data-v-a8008b36] .el-button.el-button--text{color:#667eea}.card-actions[data-v-a8008b36] .el-button.el-button--text:hover{background:rgba(102,126,234,.1)}.loading-container .skeleton-card[data-v-a8008b36]{background:#fff;border-radius:16px;margin-bottom:1rem;padding:1rem}.loading-container .skeleton-card .skeleton-content[data-v-a8008b36]{padding:1rem 0}.empty-state[data-v-a8008b36]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:4rem 2rem;text-align:center}.empty-state .empty-icon[data-v-a8008b36]{color:#dee2e6;font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-a8008b36]{color:#6c757d;margin-bottom:.5rem}.empty-state p[data-v-a8008b36]{color:#adb5bd}[data-v-a8008b36] .el-pagination .el-pager li{border-radius:8px;margin:0 2px;transition:all .3s ease}[data-v-a8008b36] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-v-a8008b36] .el-pagination .btn-next,[data-v-a8008b36] .el-pagination .btn-prev{border-radius:8px;transition:all .3s ease}[data-v-a8008b36] .el-pagination .btn-next:hover,[data-v-a8008b36] .el-pagination .btn-prev:hover{background:rgba(102,126,234,.1);color:#667eea}@keyframes fadeInUp-a8008b36{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-a8008b36{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.hero-title[data-v-a8008b36]{font-size:2.5rem}.hero-subtitle[data-v-a8008b36]{font-size:1rem}.content-header[data-v-a8008b36]{flex-direction:column;gap:1rem;text-align:center}.card-meta[data-v-a8008b36]{gap:.5rem}.card-actions[data-v-a8008b36],.card-meta[data-v-a8008b36]{flex-direction:column}.paper-card[data-v-a8008b36]{margin-bottom:1rem}}@media(max-width:576px){.hero-overlay[data-v-a8008b36],.main-content[data-v-a8008b36]{padding:2rem 0}.hero-search[data-v-a8008b36] .el-input{margin-bottom:1rem}.hero-search[data-v-a8008b36] .el-button{margin-left:0;width:100%}}.me-2[data-v-a8008b36]{margin-right:.5rem}.me-3[data-v-a8008b36]{margin-right:1rem}.mb-0[data-v-a8008b36]{margin-bottom:0}.mb-4[data-v-a8008b36]{margin-bottom:1.5rem}.mt-5[data-v-a8008b36]{margin-top:3rem}.text-muted[data-v-a8008b36]{color:#6c757d}.text-center[data-v-a8008b36]{text-align:center}