.resource-card[data-v-04af3d08]{position:relative;display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .35s cubic-bezier(.25,.8,.25,1);background:#fff;border:1px solid #e1e5ee;cursor:pointer}.resource-card[data-v-04af3d08]:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0000002e;border-color:#3a7bd5}.card-header[data-v-04af3d08]{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 22px 16px;background:linear-gradient(120deg,#f0f6ff,#e0ebff);border-bottom:1px solid #e6ecf5}.title-container[data-v-04af3d08]{flex:1}h3[data-v-04af3d08]{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:#1a2950;line-height:1.4}.rating[data-v-04af3d08]{color:#ffb400;font-size:1rem;letter-spacing:1px}.category-tag[data-v-04af3d08]{background:linear-gradient(to right,#3a7bd5,#00d2ff);color:#fff;padding:5px 14px;border-radius:50px;font-size:.85rem;font-weight:600;margin-left:10px;flex-shrink:0;align-self:center;box-shadow:0 2px 5px #3a7bd540}.description[data-v-04af3d08]{padding:18px 22px 30px;font-size:1rem;color:#4a5568;line-height:1.65;flex-grow:1;margin:0;position:relative;z-index:2}.card-footer[data-v-04af3d08]{padding:0 22px 22px;background:linear-gradient(to bottom,#f8faff,#f0f5ff);position:relative;z-index:2}.target-url[data-v-04af3d08]{background:#fff;padding:14px;border-radius:10px;box-shadow:0 3px 10px #00000014;margin-bottom:16px;border:1px solid #e0e7ff;transition:all .3s ease}.resource-card:hover .target-url[data-v-04af3d08]{transform:translateY(-4px);box-shadow:0 7px 15px #0000001f;border-color:#3a7bd5}.url-label[data-v-04af3d08]{font-size:.9rem;color:#3a7bd5;font-weight:600;margin-right:10px}.url[data-v-04af3d08]{font-size:.95rem;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(100% - 70px)}.stats[data-v-04af3d08]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#5a67d8}.click-count[data-v-04af3d08]{display:flex;align-items:center;gap:8px;background:#3a7bd51a;padding:8px 14px;border-radius:50px;font-weight:500}.click-count.high-clicks[data-v-04af3d08]{color:#ff4d4f;background:#ff4d4f1a}.publish-date[data-v-04af3d08]{display:flex;align-items:center;gap:6px;font-weight:500}.icon-eye[data-v-04af3d08]{display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235a67d8'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.click-count.high-clicks .icon-eye[data-v-04af3d08]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.icon-date[data-v-04af3d08]{display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235a67d8'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.card-overlay[data-v-04af3d08]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#3a7bd5d9,#00d2ffd9);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .35s ease;z-index:3;pointer-events:none}.resource-card:hover .card-overlay[data-v-04af3d08]{opacity:1}.card-overlay span[data-v-04af3d08]{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:15px;text-shadow:0 2px 5px rgba(0,0,0,.2)}.icon-arrow-right[data-v-04af3d08]{display:inline-block;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;animation:pulse-04af3d08 1.5s infinite}@keyframes pulse-04af3d08{0%{transform:translate(0);opacity:1}50%{transform:translate(10px);opacity:.7}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.resource-card[data-v-04af3d08]{border-radius:12px}.card-header[data-v-04af3d08]{padding:18px 18px 12px}h3[data-v-04af3d08]{font-size:1.2rem}.description[data-v-04af3d08]{padding:15px 18px 22px;font-size:.95rem}.card-footer[data-v-04af3d08]{padding:0 18px 18px}.target-url[data-v-04af3d08]{padding:12px}.stats[data-v-04af3d08]{flex-direction:column;align-items:flex-start;gap:10px}.card-overlay span[data-v-04af3d08]{font-size:1.2rem}}.resource-view[data-v-e8e49b4a]{max-width:1400px;margin:0 auto;padding:30px 20px}.header-section[data-v-e8e49b4a]{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:30px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.hero-content h1[data-v-e8e49b4a]{font-size:2.8rem;margin-bottom:12px;font-weight:800;letter-spacing:-.5px;color:var(--color-text)}.hero-content p[data-v-e8e49b4a]{font-size:1.2rem;max-width:600px;line-height:1.6;color:#64748b}.hero-stats[data-v-e8e49b4a]{display:flex;gap:25px;margin-bottom:10px}.stat-item[data-v-e8e49b4a]{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--color-shadow)}.stat-icon[data-v-e8e49b4a]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#e0e7ff;border-radius:10px;padding:10px}.dark-theme .stat-icon[data-v-e8e49b4a]{background:#1e293b}.stat-icon svg[data-v-e8e49b4a]{width:30px;height:30px}.stat-text[data-v-e8e49b4a]{display:flex;flex-direction:column}.stat-value[data-v-e8e49b4a]{font-size:1.5rem;font-weight:700;color:var(--color-text)}.stat-label[data-v-e8e49b4a]{font-size:.9rem;color:#64748b}.filters-section[data-v-e8e49b4a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:20px;padding:15px 25px;border-radius:14px;background:var(--color-accent);border:1px solid var(--color-border);box-shadow:var(--color-shadow)}.sort-options[data-v-e8e49b4a]{display:flex;gap:10px}.sort-options button[data-v-e8e49b4a]{padding:10px 18px;border-radius:50px;cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px;background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border)}.sort-options button[data-v-e8e49b4a]:hover{background-color:var(--color-accent);transform:translateY(-2px)}.sort-options button.active[data-v-e8e49b4a]{background-color:var(--color-primary);color:#fff}.sort-icon[data-v-e8e49b4a]{display:flex;align-items:center;justify-content:center}.category-filter[data-v-e8e49b4a]{display:flex;flex-wrap:wrap;gap:8px}.category-btn[data-v-e8e49b4a]{position:relative;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.95rem;border:1px solid var(--color-border);background-color:var(--color-card-bg);color:var(--color-text);font-weight:500;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center}.category-btn[data-v-e8e49b4a]:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 8px #4f46e51a}.category-btn.active[data-v-e8e49b4a]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #4f46e533;padding-right:30px}.active-indicator[data-v-e8e49b4a]{position:absolute;right:10px;width:8px;height:8px;border-radius:50%;background-color:#fff;animation:pulse-e8e49b4a 1.5s infinite}@keyframes pulse-e8e49b4a{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}.loading[data-v-e8e49b4a]{display:flex;flex-direction:column;align-items:center;padding:80px 20px}.spinner[data-v-e8e49b4a]{width:60px;height:60px;border:5px solid rgba(79,70,229,.1);border-radius:50%;border-top-color:#4f46e5;animation:spin-e8e49b4a 1s ease-in-out infinite;margin-bottom:20px}.dark-theme .spinner[data-v-e8e49b4a]{border:5px solid rgba(129,140,248,.1);border-top-color:#818cf8}@keyframes spin-e8e49b4a{to{transform:rotate(360deg)}}.error[data-v-e8e49b4a]{padding:50px 20px;text-align:center;color:#b91c1c;max-width:600px;margin:0 auto;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border)}.error-icon[data-v-e8e49b4a]{margin-bottom:20px}.error-icon svg[data-v-e8e49b4a]{width:60px;height:60px;color:#ef4444;margin:0 auto}.error button[data-v-e8e49b4a]{margin-top:25px;padding:10px 25px;background-color:#ef4444;color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.error button[data-v-e8e49b4a]:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.error button svg[data-v-e8e49b4a]{width:18px;height:18px}.no-results[data-v-e8e49b4a]{padding:50px 20px;text-align:center;color:#4b5563;max-width:600px;margin:0 auto;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border)}.no-results-icon[data-v-e8e49b4a]{margin-bottom:20px}.no-results-icon svg[data-v-e8e49b4a]{width:60px;height:60px;color:#94a3b8;margin:0 auto}.no-results button[data-v-e8e49b4a]{margin-top:25px;padding:10px 25px;background-color:#4f46e5;color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.no-results button[data-v-e8e49b4a]:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4338ca33}.no-results button svg[data-v-e8e49b4a]{width:18px;height:18px}.resource-grid[data-v-e8e49b4a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:35px;margin-top:20px}@media (max-width: 1100px){.header-section[data-v-e8e49b4a]{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.resource-grid[data-v-e8e49b4a]{grid-template-columns:1fr}.filters-section[data-v-e8e49b4a]{flex-direction:column;align-items:stretch}.category-filter[data-v-e8e49b4a]{margin-bottom:15px}.hero-stats[data-v-e8e49b4a]{flex-direction:column;gap:15px;width:100%}.category-btn[data-v-e8e49b4a]{padding:8px 16px;font-size:.9rem}}@media (max-width: 480px){.header-section[data-v-e8e49b4a]{padding:0 0 20px}.hero-content h1[data-v-e8e49b4a]{font-size:2.2rem}.hero-content p[data-v-e8e49b4a]{font-size:1rem}.stat-item[data-v-e8e49b4a]{width:100%}.category-btn[data-v-e8e49b4a]{padding:7px 14px;font-size:.85rem}}:root{--color-text: #1e293b;--color-bg: #f5f7fa;--color-card-bg: #ffffff;--color-card-border: #e2e8f0;--color-hover: rgba(0, 0, 0, .05);--color-accent: #f1f5f9;--color-primary: #4f46e5;--color-primary-light: #6366f1;--color-primary-dark: #4338ca;--color-border: #e5e7eb;--color-shadow: 0 4px 6px rgba(0, 0, 0, .05);--color-success: #10B981;--color-warning: #FBBF24;--color-danger: #EF4444;--color-header-bg: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%)}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s,color .3s;font-family:Nunito,Microsoft YaHei,sans-serif;margin:0;padding:0;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.global-theme-toggle{position:fixed;top:20px;right:20px;z-index:1000}.theme-btn{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.9rem;font-weight:500;box-shadow:0 4px 6px #0000001a}.theme-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.app-container{max-width:1400px;margin:0 auto;position:relative;display:flex;flex-direction:column;min-height:100vh;padding:0 20px}.app-header{padding:1.2rem 0;background:var(--color-header-bg);color:#fff;border-radius:12px;margin:15px 0 10px;box-shadow:0 4px 8px #0000001a;position:relative;overflow:hidden}.header-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,#6a11cb99,#2575fccc);z-index:1}.header-content{position:relative;z-index:2;padding:0 1.8rem}.logo-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.logo-icon{width:52px;height:52px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 3px 6px #0000001a}.header-text h1{font-size:1.9rem;margin:0;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.header-text p{font-size:1.05rem;margin:6px 0 0;opacity:.9;font-weight:300}.social-container{position:relative;z-index:2;margin-top:15px;padding:0 1.8rem}.social-media{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;width:70px;text-decoration:none;color:#fff;transition:all .3s ease}.social-link:hover{transform:translateY(-4px)}.social-icon{width:48px;height:48px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.social-link:hover .social-icon{background:#ffffff4d;transform:scale(1.05)}.social-icon svg{width:24px;height:24px}.main-content{flex:1;position:relative;padding:5px 0}.app-footer{padding:.8rem 0;margin-top:1.2rem;color:var(--color-text);border-top:1px solid var(--color-border);position:relative}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-links{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--color-text);text-decoration:none;position:relative;font-size:.85rem;opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1;color:var(--color-primary)}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-primary);transition:width .3s}.footer-links a:hover:after{width:100%}@media (max-width: 768px){.app-container{padding:0 15px}.global-theme-toggle{top:12px;right:12px}.theme-btn{padding:6px 12px;font-size:.8rem}.app-header{padding:.9rem 0;margin:10px 0;border-radius:10px}.header-content,.social-container{padding:0 1.2rem}.logo-container{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:8px}.logo-icon{width:46px;height:46px}.header-text h1{font-size:1.6rem}.header-text p{font-size:.95rem;margin-top:4px}.social-media{justify-content:center;gap:15px}.social-link{width:65px}}@media (max-width: 480px){.theme-btn .theme-label{display:none}.app-header{padding:.8rem 0;margin:8px 0}.header-content,.social-container{padding:0 .8rem}.logo-container{gap:10px}.logo-icon{width:42px;height:42px}.header-text h1{font-size:1.4rem}.header-text p{font-size:.85rem;margin-top:3px}.social-media{gap:12px}.social-link{width:55px}.social-icon{width:40px;height:40px}.social-icon svg{width:20px;height:20px}.app-footer{padding:.6rem 0;margin-top:1rem}.footer-links{gap:12px;font-size:.75rem}.footer-content p{font-size:.85rem}}