.top-box .top-header[data-v-1c699d7b]{background:#fff;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;z-index:100}.top-box .top-header .header-box[data-v-1c699d7b]{align-items:center;display:flex;gap:24px;height:92px;justify-content:space-between;max-width:1280px!important;padding:0 24px}.top-box .top-header .logo-area[data-v-1c699d7b]{flex-shrink:0}.top-box .top-header .logo-area .logo-placeholder[data-v-1c699d7b]{align-items:center;display:flex;gap:12px;justify-content:center}.top-box .top-header .logo-area .logo-placeholder img[data-v-1c699d7b]{height:44px;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease}.top-box .top-header .logo-area .logo-placeholder img[data-v-1c699d7b]:hover{transform:scale(1.05)}.top-box .top-header .logo-area .logo-placeholder h1[data-v-1c699d7b]{background:linear-gradient(45deg,#3199ff,#05c);-webkit-background-clip:text;font-size:22px;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-shadow:0 3px 5px rgba(0,128,255,.1)}.top-box .top-header .nav-area[data-v-1c699d7b]{flex-shrink:0}.top-box .top-header .nav-area .page-nav[data-v-1c699d7b]{display:flex;gap:8px}.top-box .top-header .nav-area .page-nav a[data-v-1c699d7b]{border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:10px 20px;position:relative;transition:all .25s ease}.top-box .top-header .nav-area .page-nav a[data-v-1c699d7b]:hover{background:#f0f7ff;color:#0080ff}.top-box .top-header .nav-area .page-nav a.active[data-v-1c699d7b]{color:#0080ff}.top-box .top-header .nav-area .page-nav a.active[data-v-1c699d7b]:after{background:#0080ff;border-radius:2px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:20px}.top-box .top-header .search-area[data-v-1c699d7b]{flex:1;max-width:480px;position:relative}.top-box .top-header .search-area .search-input[data-v-1c699d7b]{align-items:center;background:#f5f7fa;border-radius:22px;display:flex;height:44px;padding:0 8px;transition:all .3s ease}.top-box .top-header .search-area .search-input[data-v-1c699d7b]:hover{background:#eef4ff}.top-box .top-header .search-area .search-input[data-v-1c699d7b]:focus-within{background:#fff;box-shadow:0 0 0 3px #0080ff1a}.top-box .top-header .search-area .search-input .input-box[data-v-1c699d7b]{display:flex;flex:1}.top-box .top-header .search-area .search-input .input-box[data-v-1c699d7b] .el-input__wrapper{background:transparent;border:none;box-shadow:none;font-size:14px}.top-box .top-header .search-area .search-input .input-box[data-v-1c699d7b] .el-input__inner{padding:0 12px}.top-box .top-header .search-area .search-input .search-btn[data-v-1c699d7b]{align-items:center;background:#0080ff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .25s ease;width:40px}.top-box .top-header .search-area .search-input .search-btn[data-v-1c699d7b]:hover{background:#0073e6;box-shadow:0 2px 8px #0080ff4d;transform:scale(1.05)}.top-box .top-header .search-area .search-input .search-btn[data-v-1c699d7b]:active{transform:scale(.95)}.top-box .top-header .search-area .search-result[data-v-1c699d7b]{background:#fff;border-radius:12px;border-top:none;box-shadow:0 4px 16px #0000001a;left:0;max-height:360px;overflow-y:auto;position:absolute;top:calc(100% + 8px);width:100%;z-index:1000}.top-box .top-header .search-area .search-result .search-item[data-v-1c699d7b]{align-items:center;border-bottom:1px solid #f0f0f0;color:#555;cursor:pointer;display:flex;font-size:14px;padding:12px 20px;transition:all .2s ease}.top-box .top-header .search-area .search-result .search-item[data-v-1c699d7b]:hover{background:#f0f7ff;color:#0080ff;padding-left:24px}.top-box .top-header .search-area .search-result .search-item[data-v-1c699d7b]:last-child{border-bottom:none}.top-box .top-header .user-area[data-v-1c699d7b]{align-items:center;display:flex;flex-shrink:0}.top-box .top-header .user-area .login-links[data-v-1c699d7b]{display:flex;gap:12px}.top-box .top-header .user-area .login-links .login-btn[data-v-1c699d7b],.top-box .top-header .user-area .login-links .register-btn[data-v-1c699d7b]{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .25s ease}.top-box .top-header .user-area .login-links .login-btn[data-v-1c699d7b]{background:#f5f7fa;color:#666}.top-box .top-header .user-area .login-links .login-btn[data-v-1c699d7b]:hover{background:#f0f7ff;color:#0080ff}.top-box .top-header .user-area .login-links .register-btn[data-v-1c699d7b]{background:#0080ff;color:#fff}.top-box .top-header .user-area .login-links .register-btn[data-v-1c699d7b]:hover{background:#0073e6;box-shadow:0 2px 8px #0080ff4d;transform:translateY(-1px)}.top-box .top-header .user-area .user-info[data-v-1c699d7b]{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;transition:all .25s ease}.top-box .top-header .user-area .user-info[data-v-1c699d7b]:hover{background:#f5f7fa}.top-box .top-header .user-area .user-info .user-avatar[data-v-1c699d7b]{background:#e6f3ff;border-radius:50%;color:#0080ff;height:32px;padding:4px;width:32px}.top-box .top-header .user-area .user-info .user-name[data-v-1c699d7b]{color:#333;font-size:14px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-box .top-header .user-area .user-info .logout[data-v-1c699d7b]{border-radius:4px;color:#999;font-size:12px;padding:4px 12px;transition:all .2s ease}.top-box .top-header .user-area .user-info .logout[data-v-1c699d7b]:hover{background:#fff0f0;color:#ff4d4f}