.resource-points-container[data-v-2aed5b73]{min-height:100vh;background:#fff;font-family:pingfang,sans-serif}.mode-tabs[data-v-2aed5b73]{max-width:1200px;margin:0 auto;padding:30px 20px 20px;display:flex;justify-content:center}.mode-tabs .tabs-container[data-v-2aed5b73]{display:inline-flex;background:#f5f7fa;border-radius:50px;padding:4px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.mode-tabs .tabs-container .tab-item[data-v-2aed5b73]{padding:12px 60px;font-size:16px;font-weight:500;color:#606266;cursor:pointer;border-radius:50px;transition:all .3s ease;text-align:center;min-width:120px}.mode-tabs .tabs-container .tab-item[data-v-2aed5b73]:hover{color:#667eea}.mode-tabs .tabs-container .tab-item.active[data-v-2aed5b73]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.grade-header[data-v-2aed5b73]{max-width:1200px;margin:0 auto 30px;padding:20px;background:#fff}.grade-header .page-title[data-v-2aed5b73]{font-size:28px;color:#555;font-weight:600;text-align:center}.grade-grid[data-v-2aed5b73]{max-width:800px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#fff}.grade-grid .grade-card[data-v-2aed5b73]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.08)}.grade-grid .grade-card[data-v-2aed5b73]:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(102,126,234,.25)}.grade-grid .grade-card:hover .card-image img[data-v-2aed5b73]{transform:scale(1.08)}.grade-grid .grade-card:hover .card-title[data-v-2aed5b73]{background:linear-gradient(135deg,#667eea,#764ba2)}.grade-grid .grade-card .card-image[data-v-2aed5b73]{width:100%;height:180px;position:relative;overflow:hidden}.grade-grid .grade-card .card-image img[data-v-2aed5b73]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.grade-grid .grade-card .card-image .overlay-gradient[data-v-2aed5b73]{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));pointer-events:none}.grade-grid .grade-card .card-title[data-v-2aed5b73]{padding:15px 20px;text-align:center;font-size:16px;color:#fff;font-weight:500;background:linear-gradient(135deg,#8b95ff,#a67eea);transition:background .3s}.content-header[data-v-2aed5b73]{max-width:1200px;margin:0 auto 30px;padding:20px;background:#fff}.content-header .page-title[data-v-2aed5b73]{font-size:28px;color:#555;font-weight:600;margin-bottom:25px;text-align:center}.content-header .filter-options[data-v-2aed5b73]{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.content-header .filter-options .filter-select[data-v-2aed5b73]{width:150px}.content-header .filter-options .filter-select[data-v-2aed5b73] .el-input__inner{height:38px;border-radius:8px;border:1px solid #e0e0e0}.content-header .filter-options .filter-select[data-v-2aed5b73] .el-input__inner:focus{border-color:#667eea}.content-header .filter-options .filter-input[data-v-2aed5b73]{width:300px}.content-header .filter-options .filter-input[data-v-2aed5b73] .el-input__inner{height:38px;border-radius:8px 0 0 8px;border:1px solid #e0e0e0;border-right:none}.content-header .filter-options .filter-input[data-v-2aed5b73] .el-input__inner:focus{border-color:#667eea}.content-header .filter-options .filter-input[data-v-2aed5b73] .el-input-group__append{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0 8px 8px 0}.content-header .filter-options .filter-input[data-v-2aed5b73] .el-input-group__append button{color:#fff;font-size:16px}.content-header .filter-options .filter-input[data-v-2aed5b73] .el-input-group__append button:hover{opacity:.9}.resource-grid[data-v-2aed5b73]{max-width:1200px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;min-height:400px;position:relative;background:#fff}.resource-grid .resource-card[data-v-2aed5b73]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.08)}.resource-grid .resource-card[data-v-2aed5b73]:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(102,126,234,.2)}.resource-grid .resource-card:hover .card-image img[data-v-2aed5b73]{transform:scale(1.1)}.resource-grid .resource-card:hover .card-title[data-v-2aed5b73]{background:linear-gradient(135deg,#667eea,#764ba2)}.resource-grid .resource-card .card-image[data-v-2aed5b73]{width:100%;height:150px;position:relative;overflow:hidden}.resource-grid .resource-card .card-image img[data-v-2aed5b73]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.resource-grid .resource-card .card-image .overlay-gradient[data-v-2aed5b73]{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));pointer-events:none}.resource-grid .resource-card .card-title[data-v-2aed5b73]{padding:12px 15px 8px;text-align:center;font-size:15px;color:#fff;font-weight:500;background:linear-gradient(135deg,#8b95ff,#a67eea);transition:background .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-grid .resource-card .card-info[data-v-2aed5b73]{padding:0 15px 12px;background:linear-gradient(135deg,#8b95ff,#a67eea);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.resource-grid .resource-card .card-info .type-tag[data-v-2aed5b73]{font-size:12px;color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:10px;font-weight:400}.resource-grid .resource-card .card-info .location-tag[data-v-2aed5b73]{font-size:12px;color:hsla(0,0%,100%,.8);font-weight:400}.resource-grid .empty-state[data-v-2aed5b73]{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.resource-grid .empty-state i[data-v-2aed5b73]{font-size:64px;color:#c0c4cc;margin-bottom:20px}.resource-grid .empty-state p[data-v-2aed5b73]{font-size:16px;font-weight:500;color:#606266;margin-bottom:8px}.resource-grid .empty-state span[data-v-2aed5b73]{font-size:14px;color:#909399}.pagination-wrapper[data-v-2aed5b73]{display:flex;justify-content:center;align-items:center;gap:20px;padding:40px 20px;background:#fff}.pagination-wrapper[data-v-2aed5b73] .el-pagination .btn-next,.pagination-wrapper[data-v-2aed5b73] .el-pagination .btn-prev{background:hsla(0,0%,100%,.9);border-radius:8px;border:1px solid #e0e0e0}.pagination-wrapper[data-v-2aed5b73] .el-pagination .btn-next:hover,.pagination-wrapper[data-v-2aed5b73] .el-pagination .btn-prev:hover{color:#667eea;border-color:#667eea}.pagination-wrapper[data-v-2aed5b73] .el-pagination .el-pager li{background:hsla(0,0%,100%,.9);border-radius:8px;margin:0 4px;font-weight:500;border:1px solid transparent;transition:all .3s}.pagination-wrapper[data-v-2aed5b73] .el-pagination .el-pager li:hover{color:#667eea;border-color:#667eea}.pagination-wrapper[data-v-2aed5b73] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.pagination-wrapper .page-info[data-v-2aed5b73]{color:hsla(0,0%,100%,.55);font-size:14px}[data-v-2aed5b73] .el-loading-mask{background-color:hsla(0,0%,100%,.9)}@media(max-width:768px){.mode-tabs[data-v-2aed5b73]{padding:20px 20px 15px}.mode-tabs .tabs-container[data-v-2aed5b73]{width:100%}.mode-tabs .tabs-container .tab-item[data-v-2aed5b73]{padding:10px 30px;font-size:14px;min-width:100px}.grade-grid[data-v-2aed5b73]{grid-template-columns:1fr;gap:20px;max-width:400px}.grade-grid .grade-card .card-image[data-v-2aed5b73]{height:200px}.grade-grid .grade-card .card-title[data-v-2aed5b73]{font-size:15px}.resource-grid[data-v-2aed5b73]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.content-header .page-title[data-v-2aed5b73],.grade-header .page-title[data-v-2aed5b73]{font-size:22px}.content-header .filter-options[data-v-2aed5b73],.grade-header .filter-options[data-v-2aed5b73]{flex-direction:column}.content-header .filter-options .filter-input[data-v-2aed5b73],.content-header .filter-options .filter-select[data-v-2aed5b73],.grade-header .filter-options .filter-input[data-v-2aed5b73],.grade-header .filter-options .filter-select[data-v-2aed5b73]{width:100%}}