@charset "UTF-8";html[data-v-066df0d1]{min-width:100vw;min-height:100vh;background-color:#000}.home[data-v-066df0d1]{padding:70px 0 32px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 70px);display:flex;flex-direction:column}.hero-section[data-v-066df0d1]{text-align:center;margin-bottom:32px;padding:32px 0;background:linear-gradient(135deg,rgba(74,144,226,.1),rgba(80,200,120,.1));border-radius:12px;border:1px solid rgba(255,255,255,.1)}.hero-section .main-title[data-v-066df0d1]{font-size:2.5rem;font-weight:700;color:#e0e0e0;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}@media (max-width: 768px){.hero-section .main-title[data-v-066df0d1]{font-size:2rem}}@media (max-width: 480px){.hero-section .main-title[data-v-066df0d1]{font-size:1.75rem}}.hero-section .main-subtitle[data-v-066df0d1]{font-size:18px;color:#fffc;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 768px){.hero-section .main-subtitle[data-v-066df0d1]{font-size:16px;padding:0 16px}}.category-nav[data-v-066df0d1]{margin:0 24px 32px;background:#1a1a1a;position:sticky;top:100px;z-index:100;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.category-nav[data-v-066df0d1] .n-button{font-weight:500;letter-spacing:.5px;padding:8px 24px;transition:all .3s ease;border-radius:8px;min-width:120px;height:44px;font-size:16px}.category-nav[data-v-066df0d1] .n-button:not(.n-button--primary){color:#ffffffe6;background:rgba(255,255,255,.05)}.category-nav[data-v-066df0d1] .n-button:not(.n-button--primary):hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-1px)}.category-nav[data-v-066df0d1] .n-button.n-button--primary{box-shadow:0 4px 16px #3498db4d;color:#fff;font-weight:600}.wallpaper-list[data-v-066df0d1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding:0 24px;flex:1}.wallpaper-card[data-v-066df0d1]{transition:all .3s ease;border-radius:12px;overflow:hidden}.wallpaper-card[data-v-066df0d1]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.image-wrapper[data-v-066df0d1]{position:relative;padding-top:118%;overflow:hidden;border-radius:12px 12px 0 0}.image-wrapper .image-loading-spinner[data-v-066df0d1]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%);display:flex;justify-content:center;align-items:center;z-index:1;border-radius:12px 12px 0 0}.image-wrapper .image-loading-spinner .spinner[data-v-066df0d1]{width:36px;height:36px;border:3px solid rgba(108,117,125,.2);border-top:3px solid #495057;border-radius:50%;animation:spin-066df0d1 1s linear infinite;box-shadow:0 2px 8px #0000001a}.image-wrapper picture[data-v-066df0d1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.image-wrapper .wallpaper-image[data-v-066df0d1]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease;z-index:2}.image-wrapper .wallpaper-image.lazy-image[data-v-066df0d1]{opacity:.1}.image-wrapper .wallpaper-image.loaded[data-v-066df0d1]{opacity:1;animation:fadeIn-066df0d1 .2s ease-out}.image-wrapper .wallpaper-image.loaded.cached[data-v-066df0d1]{animation:fadeInFast-066df0d1 .1s ease-out}.image-wrapper .wallpaper-image.error[data-v-066df0d1]{opacity:1;filter:grayscale(100%)}.image-wrapper .wallpaper-image.error[data-v-066df0d1]:before{content:"⚠️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;z-index:10;background:rgba(255,255,255,.8);padding:10px;border-radius:50%}@keyframes spin-066df0d1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-066df0d1{0%{opacity:.2;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes fadeInFast-066df0d1{0%{opacity:.5;transform:scale(1.005)}to{opacity:1;transform:scale(1)}}.image-overlay[data-v-066df0d1]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease}.image-overlay .overlay-content[data-v-066df0d1]{text-align:center;color:#fff;transform:translateY(10px);transition:transform .3s ease}.image-overlay .overlay-content .preview-icon[data-v-066df0d1]{margin-bottom:4px;background:rgba(255,255,255,.2);padding:4px;border-radius:50%}.image-overlay .overlay-content span[data-v-066df0d1]{display:block;font-size:14px;font-weight:500}.wallpaper-info[data-v-066df0d1]{padding:24px;background:#1a1a1a}.wallpaper-info .wallpaper-title[data-v-066df0d1]{font-size:16px;font-weight:600;margin-bottom:8px;color:#fff;line-height:1.4}.wallpaper-info .wallpaper-desc[data-v-066df0d1]{font-size:14px;color:#ffffffb3;margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wallpaper-info .wallpaper-meta[data-v-066df0d1]{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.wallpaper-info .wallpaper-footer[data-v-066df0d1]{display:flex;justify-content:space-between;color:#ffffff80;font-size:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.category-tag[data-v-066df0d1],.meta-tag[data-v-066df0d1]{border-radius:4px;padding:0 8px;height:24px;line-height:24px;font-size:14px;font-weight:500}@media (max-width: 1024px){.home[data-v-066df0d1]{padding:70px 0 24px}.category-nav[data-v-066df0d1]{margin:0 16px 24px;padding:8px}.category-nav[data-v-066df0d1] .n-button{min-width:100px;height:40px;font-size:14px;padding:4px 16px}.wallpaper-list[data-v-066df0d1]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 16px}.wallpaper-info[data-v-066df0d1]{padding:16px}.wallpaper-info .wallpaper-title[data-v-066df0d1]{font-size:14px}.wallpaper-info .wallpaper-desc[data-v-066df0d1]{-webkit-line-clamp:1;margin-bottom:8px}}@media (max-width: 480px){.home[data-v-066df0d1]{padding:60px 0 16px}.category-nav[data-v-066df0d1]{position:fixed;top:60px;left:0;right:0;margin:0;padding:4px;border-radius:0;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;box-shadow:0 2px 8px #0003}.category-nav[data-v-066df0d1] .n-space{overflow-x:auto;padding:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-nav[data-v-066df0d1] .n-space::-webkit-scrollbar{display:none}.category-nav[data-v-066df0d1] .n-button{min-width:auto;height:32px;padding:4px 8px;font-size:14px;white-space:nowrap}.category-nav[data-v-066df0d1] .n-button:not(.n-button--primary){background:transparent;color:#ffffffb3}.category-nav[data-v-066df0d1] .n-button:not(.n-button--primary):hover{color:#fff;background:rgba(255,255,255,.1);transform:none}.category-nav[data-v-066df0d1] .n-button.n-button--primary{box-shadow:none}.wallpaper-list[data-v-066df0d1]{padding:100px 4px 0}.wallpaper-card[data-v-066df0d1]{border-radius:8px}.wallpaper-card[data-v-066df0d1]:hover{transform:none;box-shadow:none}.wallpaper-card .image-wrapper[data-v-066df0d1]{border-radius:8px 8px 0 0}.image-overlay[data-v-066df0d1]{display:none}.wallpaper-info[data-v-066df0d1]{padding:8px}.wallpaper-info .wallpaper-title[data-v-066df0d1]{font-size:14px;margin-bottom:4px;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallpaper-info .wallpaper-desc[data-v-066df0d1]{display:none}.wallpaper-info .wallpaper-meta[data-v-066df0d1]{margin-bottom:4px;gap:4px}.wallpaper-info .wallpaper-footer[data-v-066df0d1]{margin-top:4px;padding-top:4px;font-size:12px}.category-tag[data-v-066df0d1],.meta-tag[data-v-066df0d1]{padding:0 4px;font-size:12px;height:20px;line-height:20px}}.wallpaper-item[data-v-066df0d1]{text-decoration:none;color:inherit;display:block}.wallpaper-card[data-v-066df0d1]{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border-radius:12px}.wallpaper-card[data-v-066df0d1]:hover{transform:translateY(-5px);border-color:#3498db80;box-shadow:0 4px 20px #0000004d}.wallpaper-card:hover .image-overlay[data-v-066df0d1]{opacity:1}.wallpaper-card:hover .wallpaper-image[data-v-066df0d1]{transform:scale(1.05)}.image-wrapper[data-v-066df0d1]{position:relative;overflow:hidden;padding-top:118%;background:rgba(0,0,0,.2);border-radius:12px 12px 0 0}.wallpaper-image[data-v-066df0d1]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.image-overlay[data-v-066df0d1]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.8));display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.overlay-content[data-v-066df0d1]{text-align:center;color:#fff;transform:translateY(10px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.overlay-content .preview-icon[data-v-066df0d1]{margin-bottom:4px;color:#3498db;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.overlay-content span[data-v-066df0d1]{display:block;font-size:16px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.wallpaper-card:hover .overlay-content[data-v-066df0d1]{transform:translateY(0)}.wallpaper-info[data-v-066df0d1]{padding:24px}.wallpaper-info .wallpaper-title[data-v-066df0d1]{font-size:18px;margin:0 0 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0;line-height:1.4;letter-spacing:.5px}.wallpaper-info .wallpaper-desc[data-v-066df0d1]{font-size:16px;color:#ffffffb3;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;height:3.2em}.wallpaper-info .wallpaper-meta[data-v-066df0d1]{margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap;min-height:28px}.wallpaper-info .wallpaper-footer[data-v-066df0d1]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#ffffff80;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.category-tag[data-v-066df0d1]{background-color:#3498db26;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;padding:2px 12px}.category-tag[data-v-066df0d1]:hover{background-color:#3498db40;transform:translateY(-1px)}.meta-tag[data-v-066df0d1]{background-color:#42b88326;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;padding:2px 12px}.meta-tag[data-v-066df0d1]:hover{background-color:#42b88340;transform:translateY(-1px)}.wallpaper-id[data-v-066df0d1]{font-weight:600;color:#3498db;letter-spacing:.5px}