.navbar[data-v-f2fe5c0e]{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03) 50%,hsla(0,0%,100%,.06));backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);border-bottom:1px solid transparent;-o-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.18) 30%,hsla(0,0%,100%,.22) 50%,hsla(0,0%,100%,.18) 70%,hsla(0,0%,100%,0)) 1;border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.18) 30%,hsla(0,0%,100%,.22) 50%,hsla(0,0%,100%,.18) 70%,hsla(0,0%,100%,0)) 1;box-shadow:0 4px 30px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.06)}.navbar[data-v-f2fe5c0e]:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 25%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.4) 75%,transparent);pointer-events:none}.navbar[data-v-f2fe5c0e]:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.04) 45%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04) 55%,transparent 60%);animation:liquidSheen-f2fe5c0e 6s ease-in-out infinite;pointer-events:none}@keyframes liquidSheen-f2fe5c0e{0%{left:-100%}50%{left:140%}to{left:140%}}.navbar-inner[data-v-f2fe5c0e]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.navbar-left[data-v-f2fe5c0e]{display:flex;align-items:center;gap:16px;min-width:0;overflow:hidden}.navbar-brand[data-v-f2fe5c0e]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;text-shadow:0 0 12px rgba(57,197,187,.3)}.navbar-brand .brand-logo[data-v-f2fe5c0e]{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 8px hsla(0,0%,100%,.15),0 2px 8px rgba(0,0,0,.3)}.navbar-nav[data-v-f2fe5c0e]{display:flex;gap:4px;overflow-x:auto;flex:1;min-width:0}.navbar-nav[data-v-f2fe5c0e]::-webkit-scrollbar{display:none}.navbar-nav .nav-link[data-v-f2fe5c0e]{padding:7px 16px;border-radius:10px;text-decoration:none;color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;border:1px solid transparent}.navbar-nav .nav-link[data-v-f2fe5c0e]:hover{color:#fff;background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1);box-shadow:0 2px 12px rgba(0,0,0,.15)}.navbar-nav .nav-link.router-link-active[data-v-f2fe5c0e]{color:#fff;background:linear-gradient(135deg,rgba(57,197,187,.15),hsla(0,0%,100%,.08));border-color:rgba(57,197,187,.25);box-shadow:0 2px 12px rgba(57,197,187,.1),inset 0 0 0 .5px rgba(57,197,187,.15)}.navbar-right[data-v-f2fe5c0e]{display:flex;align-items:center;flex-shrink:0;margin-left:12px}.search-box[data-v-f2fe5c0e]{display:flex;align-items:center;background:hsla(0,0%,100%,.06);border-radius:20px;padding:0 14px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 2px 8px rgba(0,0,0,.1)}.search-box[data-v-f2fe5c0e]:focus-within{border-color:rgba(57,197,187,.4);background:hsla(0,0%,100%,.1);box-shadow:inset 0 2px 8px rgba(0,0,0,.1),0 0 16px rgba(57,197,187,.12)}.search-box input[data-v-f2fe5c0e]{background:none;border:none;color:#fff;padding:8px;width:180px;font-size:14px;outline:none}.search-box input[data-v-f2fe5c0e]::-moz-placeholder{color:hsla(0,0%,100%,.35)}.search-box input[data-v-f2fe5c0e]::placeholder{color:hsla(0,0%,100%,.35)}.search-box .search-btn[data-v-f2fe5c0e]{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;opacity:.7;transition:opacity .2s}.search-box .search-btn[data-v-f2fe5c0e]:hover{opacity:1}.user-area[data-v-f2fe5c0e]{margin-left:14px;position:relative}.login-btn[data-v-f2fe5c0e]{padding:7px 20px;border-radius:8px;background:rgba(57,197,187,.15);border:1px solid rgba(57,197,187,.35);color:#39c5bb;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.login-btn[data-v-f2fe5c0e]:hover{background:rgba(57,197,187,.28);border-color:#39c5bb}.user-menu[data-v-f2fe5c0e]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .2s;position:relative}.user-menu[data-v-f2fe5c0e]:hover{background:hsla(0,0%,100%,.06)}.user-avatar[data-v-f2fe5c0e]{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#39c5bb,#7b2ff7);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar .avatar-img[data-v-f2fe5c0e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.user-name[data-v-f2fe5c0e]{font-size:13px;color:hsla(0,0%,100%,.8);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown[data-v-f2fe5c0e]{position:absolute;top:calc(100% + 8px);right:0;width:180px;background:rgba(22,27,34,.97);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.5);backdrop-filter:blur(20px);z-index:100}.dropdown-item[data-v-f2fe5c0e]{display:block;padding:10px 14px;border-radius:8px;font-size:13px;color:hsla(0,0%,100%,.75);text-decoration:none;cursor:pointer;transition:background .15s}.dropdown-item[data-v-f2fe5c0e]:hover{background:hsla(0,0%,100%,.08);color:#fff}.upload-item[data-v-f2fe5c0e]{margin:0;cursor:pointer}@media(max-width:768px){.navbar[data-v-f2fe5c0e]{height:52px}.navbar-inner[data-v-f2fe5c0e]{padding:0 10px}.navbar-left[data-v-f2fe5c0e]{gap:10px}.navbar-brand .brand-text[data-v-f2fe5c0e]{font-size:15px}.navbar-brand .brand-logo[data-v-f2fe5c0e]{width:30px;height:30px}.navbar-nav[data-v-f2fe5c0e]{gap:2px}.navbar-nav .nav-link[data-v-f2fe5c0e]{padding:5px 10px;font-size:12px;border-radius:8px}.search-box[data-v-f2fe5c0e]{padding:0 8px}.search-box input[data-v-f2fe5c0e]{width:100px;font-size:12px;padding:6px}}@media(max-width:480px){.navbar-brand .brand-text[data-v-f2fe5c0e]{display:none}.navbar-brand .brand-logo[data-v-f2fe5c0e]{width:28px;height:28px}.navbar-nav .nav-link[data-v-f2fe5c0e]{padding:4px 8px;font-size:11px}.search-box input[data-v-f2fe5c0e]{width:80px;font-size:11px}}#app{min-height:100vh;background-color:rgba(0,0,0,.659);color:#fff}.main-content{padding-top:60px;min-height:calc(100vh - 60px)}.main-content.no-padding{padding-top:0;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:rgba(0,0,0,.659);color:#fff;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.659)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.text-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.glass-effect{background:hsla(0,26%,95%,.06);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.3)}@media(max-width:768px){.navbar-nav{display:none!important}.search-box input{width:120px!important}}@media(max-width:576px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.hero-section{height:300px!important}.hero-title{font-size:24px!important}}