:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--dark-gradient:linear-gradient(135deg,#2d3561,#1f2937);--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-card:#16213e;--text-primary:#fff;--text-secondary:#a0aec0;--border-color:hsla(0,0%,100%,.1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.btn{padding:12px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;color:#fff}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.btn-secondary{background:var(--secondary-gradient);box-shadow:0 4px 15px rgba(240,147,251,.4)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(240,147,251,.6)}.card{background:var(--bg-card);border-radius:20px;padding:24px;border:1px solid var(--border-color);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.5)}.input{width:100%;padding:14px 20px;background:hsla(0,0%,100%,.05);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .3s ease}.input:focus{outline:none;border-color:#667eea;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.input::-moz-placeholder{color:var(--text-secondary)}.input::placeholder{color:var(--text-secondary)}.tag{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-right:8px;margin-bottom:8px;background:rgba(102,126,234,.2);color:#667eea;border:1px solid rgba(102,126,234,.3);transition:all .3s ease}.tag:hover{background:rgba(102,126,234,.3);transform:translateY(-2px)}.loading{display:inline-block;width:50px;height:50px;border:4px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:rotate 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.navigation[data-v-01cb907f]{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(15,15,30,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.nav-container[data-v-01cb907f]{max-width:1400px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-01cb907f]{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:24px;font-weight:800;transition:transform .3s ease}.nav-logo[data-v-01cb907f]:hover{transform:scale(1.05)}.logo-icon[data-v-01cb907f]{font-size:32px;animation:float 3s ease-in-out infinite}.logo-text[data-v-01cb907f]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-01cb907f]{display:flex;align-items:center;gap:40px}.nav-link[data-v-01cb907f]{color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:600;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative}.nav-link[data-v-01cb907f]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#667eea,#f093fb);transition:all .3s ease;transform:translateX(-50%)}.nav-link.router-link-active[data-v-01cb907f]:after,.nav-link[data-v-01cb907f]:hover:after{width:80%}.nav-dropdown[data-v-01cb907f]{position:relative}.nav-dropdown:hover .dropdown-menu[data-v-01cb907f]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu[data-v-01cb907f]{position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-card);border-radius:12px;padding:12px;margin-top:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;border:1px solid var(--border-color);box-shadow:0 10px 40px rgba(0,0,0,.3)}.dropdown-item[data-v-01cb907f]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all .3s ease}.dropdown-item[data-v-01cb907f]:hover{background:rgba(102,126,234,.2);transform:translateX(5px)}.dropdown-icon[data-v-01cb907f]{font-size:20px}.nav-search[data-v-01cb907f]{display:flex;align-items:center;background:hsla(0,0%,100%,.05);border-radius:24px;padding:8px 16px;border:1px solid var(--border-color);transition:all .3s ease}.nav-search[data-v-01cb907f]:focus-within{background:hsla(0,0%,100%,.08);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.nav-search input[data-v-01cb907f]{background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;width:200px}.nav-search input[data-v-01cb907f]::-moz-placeholder{color:var(--text-secondary)}.nav-search input[data-v-01cb907f]::placeholder{color:var(--text-secondary)}.search-btn[data-v-01cb907f]{background:none;border:none;cursor:pointer;font-size:18px;padding:0 8px;transition:transform .3s ease}.search-btn[data-v-01cb907f]:hover{transform:scale(1.2)}.menu-toggle[data-v-01cb907f]{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span[data-v-01cb907f]{width:28px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}@media (max-width:768px){.nav-menu[data-v-01cb907f]{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:var(--bg-secondary);flex-direction:column;align-items:flex-start;padding:32px 24px;gap:24px;transform:translateX(-100%);transition:transform .3s ease}.nav-menu.active[data-v-01cb907f]{transform:translateX(0)}.nav-search input[data-v-01cb907f],.nav-search[data-v-01cb907f]{width:100%}.dropdown-menu[data-v-01cb907f]{position:static;opacity:1;visibility:visible;transform:none;margin-top:12px}.menu-toggle[data-v-01cb907f]{display:flex}.menu-toggle.active span[data-v-01cb907f]:first-child{transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span[data-v-01cb907f]:nth-child(2){opacity:0}.menu-toggle.active span[data-v-01cb907f]:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}}.footer[data-v-e59a7422]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0 32px;margin-top:100px}.footer-content[data-v-e59a7422]{max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-section[data-v-e59a7422]{color:var(--text-secondary)}.footer-title[data-v-e59a7422]{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-icon[data-v-e59a7422]{font-size:32px}.footer-desc[data-v-e59a7422]{line-height:1.8;margin-top:16px}.footer-heading[data-v-e59a7422]{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.footer-links[data-v-e59a7422]{list-style:none}.footer-links li[data-v-e59a7422]{margin-bottom:12px}.footer-links a[data-v-e59a7422]{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;display:inline-block}.footer-links a[data-v-e59a7422]:hover{color:#667eea;transform:translateX(5px)}.footer-stats[data-v-e59a7422]{display:grid;grid-template-columns:1fr;gap:16px}.stat-item[data-v-e59a7422]{display:flex;flex-direction:column;gap:4px}.stat-value[data-v-e59a7422]{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-bottom[data-v-e59a7422],.stat-label[data-v-e59a7422]{font-size:14px;color:var(--text-secondary)}.footer-bottom[data-v-e59a7422]{max-width:1400px;margin:0 auto;padding:32px 24px 0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.footer-admin a[data-v-e59a7422]{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-admin a[data-v-e59a7422]:hover{color:#667eea}@media (max-width:768px){.footer-content[data-v-e59a7422]{grid-template-columns:1fr;gap:40px}.footer-bottom[data-v-e59a7422]{flex-direction:column;gap:16px;text-align:center}}.home[data-v-53e3a4b3]{min-height:100vh}.hero[data-v-53e3a4b3]{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg[data-v-53e3a4b3]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.gradient-orb[data-v-53e3a4b3]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.orb-1[data-v-53e3a4b3]{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px;animation-delay:0s}.orb-2[data-v-53e3a4b3]{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;right:-150px;animation-delay:2s}.orb-3[data-v-53e3a4b3]{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.hero-content[data-v-53e3a4b3]{position:relative;z-index:1;text-align:center;animation:fadeInUp 1s ease}.hero-title[data-v-53e3a4b3]{font-size:80px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-title span[data-v-53e3a4b3]{display:inline-block;animation:scaleIn .8s ease}.hero-subtitle[data-v-53e3a4b3]{font-size:24px;color:var(--text-secondary);margin-bottom:48px;animation:fadeIn 1s ease .3s both}.hero-actions[data-v-53e3a4b3]{animation:fadeIn 1s ease .6s both}.arrow[data-v-53e3a4b3]{display:inline-block;margin-left:8px;transition:transform .3s ease}.btn:hover .arrow[data-v-53e3a4b3]{transform:translateX(5px)}.scroll-indicator[data-v-53e3a4b3]{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1}.mouse[data-v-53e3a4b3]{width:26px;height:40px;border:2px solid hsla(0,0%,100%,.5);border-radius:13px;position:relative}.wheel[data-v-53e3a4b3]{width:4px;height:8px;background:hsla(0,0%,100%,.7);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-53e3a4b3 1.5s ease-in-out infinite}@keyframes scroll-53e3a4b3{0%,to{top:8px;opacity:1}50%{top:20px;opacity:.3}}.categories[data-v-53e3a4b3],.featured-works[data-v-53e3a4b3]{padding:100px 0;position:relative}.container[data-v-53e3a4b3]{max-width:1400px;margin:0 auto;padding:0 24px}.section-title[data-v-53e3a4b3]{font-size:48px;font-weight:800;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.categories-grid[data-v-53e3a4b3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.category-card[data-v-53e3a4b3]{background:var(--bg-card);border-radius:24px;padding:48px 32px;text-align:center;cursor:pointer;border:2px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card[data-v-53e3a4b3]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(240,147,251,.1));opacity:0;transition:opacity .4s ease}.category-card[data-v-53e3a4b3]:hover{transform:translateY(-10px) scale(1.02);border-color:#667eea;box-shadow:0 20px 60px rgba(102,126,234,.3)}.category-card[data-v-53e3a4b3]:hover:before{opacity:1}.category-icon[data-v-53e3a4b3]{font-size:64px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.category-name[data-v-53e3a4b3]{font-size:24px;font-weight:700;margin-bottom:12px;position:relative}.category-desc[data-v-53e3a4b3]{color:var(--text-secondary);font-size:16px;position:relative}.works-grid[data-v-53e3a4b3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.work-card[data-v-53e3a4b3]{background:var(--bg-card);border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1)}.work-card[data-v-53e3a4b3]:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:rgba(102,126,234,.6)}.work-thumbnail[data-v-53e3a4b3]{position:relative;width:100%;height:250px;overflow:hidden}.work-thumbnail img[data-v-53e3a4b3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.work-card:hover .work-thumbnail img[data-v-53e3a4b3]{transform:scale(1.1)}.work-overlay[data-v-53e3a4b3]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);display:flex;align-items:flex-start;justify-content:flex-end;padding:16px}.work-type[data-v-53e3a4b3]{background:rgba(102,126,234,.9);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.work-info[data-v-53e3a4b3]{padding:24px}.work-title[data-v-53e3a4b3]{font-size:20px;font-weight:700;margin-bottom:12px}.work-desc[data-v-53e3a4b3]{color:var(--text-secondary);font-size:14px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-tags[data-v-53e3a4b3]{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.work-stats[data-v-53e3a4b3]{display:flex;gap:24px;color:var(--text-secondary);font-size:14px}.stat[data-v-53e3a4b3]{display:flex;align-items:center;gap:6px}.stat-icon[data-v-53e3a4b3]{font-size:16px}.view-more[data-v-53e3a4b3]{text-align:center;margin-top:60px}@media (max-width:768px){.hero-title[data-v-53e3a4b3]{font-size:48px}.hero-subtitle[data-v-53e3a4b3]{font-size:18px}.section-title[data-v-53e3a4b3]{font-size:36px}.categories-grid[data-v-53e3a4b3],.works-grid[data-v-53e3a4b3]{grid-template-columns:1fr}}